0
Эй, ребят у меня есть проблемы с моим style.css На самом деле я хочу, чтобы информационное сообщение, чтобы быть в центре, но его просто висит на левой стороне моей стороны ...CSS Абзац не отрегулирован
Здесь картина:
Вот мой CSS:
*{
font-family: arial;
}
#title{
color: dodgerblue;
}
form{
text-align: center;
width: 100%;
}
form input{
margin: 10px;
width: 100%;
padding: 5px;
border-radius: 3px;
border: 1px solid lightblue;
}
#textfield{
padding: 10px;
width: 30%;
}
#submitButton{
width: 30%;
color: white;
padding: 10px;
background-color: dodgerblue;
}
#submitButton:hover{
padding: 11px;
background-color: royalblue;
}
#info{
border-radius: 3px;
background-color: dodgerblue;
color:lightblue;
padding-top: 5px;
padding-bottom: 5px;
margin: 10px;
width: 30%;
}
и здесь моя форма:
<form>
<h2 id="title">Registration</h2>
<label>
<input type="text" id="textfield" defaultValue={this.props.user.username} placeholder="Username" ref="username" onChange={this.handleUsername.bind(this)} required/>
</label><br/>
<label>
<input type="password" id="textfield" defaultValue={this.props.user.password} placeholder="Password" ref="password" onChange={this.handlePassword.bind(this)} required/>
</label><br/>
<label>
<input type="password" id="textfield" defaultValue {this.props.user.password} placeholder="Repeat Password" ref="password2" required/>
</label><br/>
<label>
<input type="text" id="textfield" defaultValue={this.props.user.firstname} placeholder="Firstname" ref="firstname" onChange={this.handleFirstname.bind(this)} required/>
</label><br/>
<label>
<input type="text" id="textfield" defaultValue={this.props.user.lastname} placeholder="Lastname" ref="lastname" onChange={this.handleLastname.bind(this)} required/>
</label><br/>
<label>
<input type="email" id="textfield" defaultValue={this.props.user.email} placeholder="Email" ref="email" onChange={this.handleEmail.bind(this)} required/>
</label><br/>
<label>
<a href="/login">Already have an account?</a>
</label><br/>
<input type="button" value="Submit" id="submitButton" onClick={this.handleFormSubmit.bind(this)}/>
{info}
</form>
Было бы здорово, если бы кто-нибудь мог мне помочь.