И этот новый CSS:
учил эту форму ...
<form method="post" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>">
<fieldset>
<legend>Who are you?</legend>
<label for="first-name">First name</label><input type="text" name="first_name" required /><br />
<label for="last-name">Surname</label><input type="text" name="last_name" required /><br />
<label for="email">E-mail</label><input type="email" name="email" required /><br />
<input type="button" name="submit1" id="submit1" value="Next" />
<input type="button" name="clear" id="clear" value="Clear" />
</fieldset>
</form>
С этим CSS ...
form {
margin: 24px 0 0 0;
}
form legend {
font-size: 1.125em;
font-weight: bold;
}
form fieldset {
margin: 0 0 32px 0;
padding: 8px;
border: 1px solid #ccc;
}
form label {
float: left;
width: 125px;
}
form label, form input {
margin: 5px 0;
}
Я ищу простой способ сделать поля ввода текучими, чтобы ширина элементов ввода всегда была равна ширине элемента fieldset. Другими словами, ширина метки (125 пикселей) и элемента ввода всегда должна составлять 100% от ширины элемента fieldset. Есть ли простой способ сделать это (без добавления div)?