Что я сделал ни так?
Испытание: формы — вспомнить всё <lable for="name">Имя</lable>
<input type="text" name="name" id="name">
<div class="half-width">
<lable>Дата рождения</lable><br>
<input class="date" type="select">
</div>
<div class="half-width">
<lable>Цвет</lable>
<select name="color">
<option>Рыжий</option>
</select>
</div>
<div>
<input type="radio" id="galka">
<lable for="galka"> Разрешать гладить</lable>
</div>
<div>
<lable>Секретное блюдо</lable>
<input type="password">
</div>
<div class="buttons">
<input type="submit" value="Сохранить">
</div>
</form>
</body>
CSS
form {
width: 300px;
margin: 0 auto;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px #cccccc;
}
label {
display: block;
margin-bottom: 5px;
}
input[type=“text”],
input[type=“password”],
select {
width: 95%;
height: 24px;
margin-bottom: 10px;
padding: 2px 5px;
border: 1px solid #cccccc;
border-radius: 5px;
}
input[type=“submit”] {
display: inline-block;
width: auto;
margin: 0 5px;
padding: 6px 15px;
color: #ffffff;
background: #2c3e50;
border: none;
border-radius: 5px;
}
.half-width {
display: inline-block;
width: 50%;
margin-right: -4px;
}
.half-width input,
.half-width select {
width: 80%;
}
.date {
width: 120px;
background: url(’/assets/course74/calend.png’) no-repeat 97% 50%;
}
.buttons {
text-align: center;
}
body {
width: 460px;
padding: 20px;
font-size: 14px;
font-family: “Arial”, “Helvetica Neue”, “Helvetica”, sans-serif;
}