<form>
<p>Сделаем <br> расчет стоимости</p>
<input type="text" name="name" placeholder="Ваше имя">
<input type="email" name="e-mail" placeholder="Ваша почта">
<input type="tel" name="tel" placeholder="Ваш номер телефона">
<textarea placeholder="Комментарий"></textarea>
<button type="submit">Отправить</button>
</form>
form{
background: #F0F0F0;
width: 100%;
height: 450px;
margin-top: 70px;
}
form input{
border: 0;
font-family: 'Raleway', sans-serif;
display: block;
margin: 15px auto;
resize: none;
display: block;
width:80%;
padding: 10px;
margin: 15px auto;
}
form textarea{
border: 0;
display: block;
font-family: 'Raleway', sans-serif;
display: block;
width:80%;
padding: 10px;
margin: 15px auto;
resize: none;
height: 100px;
}
::-webkit-input-placeholder{
font-family: 'Raleway', sans-serif;
font-size: 16px;
}
::-moz-placeholder {
font-family: 'Raleway', sans-serif;
font-size: 16px;
}
:-moz-placeholder {
font-family: 'Raleway', sans-serif;
font-size: 16px;
}
:-ms-input-placeholder {
font-family: 'Raleway', sans-serif;
font-size: 16px;
}
form p{
letter-spacing: 2px;
font-family: 'Raleway', sans-serif;
font-weight: bold;
padding: 25px 15px 15px 15px;
text-align: center;
font-family: 'Raleway', sans-serif;
font-weight: bold;
color: #FF4535;
font-size: 20px;
text-transform: uppercase;
line-height: 1.2;
}
form button{
background: #F0F0F0;
border: 1px solid #FF4535;
color: #FF4535;
margin: auto;
font-family: 'Raleway', sans-serif;
font-size: 16px;
width:80%;
padding: 4%;
display: block;
}
Кнопке задал ширину 80% как и у остальных элементов формы, но она получается уже чем остальные элементы.
