Почему то при назначении padding текстовые поля выходят за границы div, что я не так делаю?
код:
input[type="text"]{
padding: 8px 12px;
display: block;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
width: 100%;
}
.auth_form{
width: 210px;
}
<div class="auth_form ">
<h3>Авторизация</h3>
<input type="text" class="" placeholder="Электронная почта"/>
<input type="text" class="" placeholder="Пароль"/>
<button type="button" >Вход</button>
</div>