[Ovillo] maquetar formularios css

[Jesus Miguel Gimeno Rosales]

Hola:
Estoy intentando maquetar un formulario con css. Lo he intentado de un par
de maneras pero siempre al minimizar la pantalla se me van descolocando los
elementos.
No estoy muy puesto en el tema, así que agradecería cualquier ayuda.
Un cordial saludo
Jesús

-------css------------------
label {
  display: block;
  margin: 0.5em 0 0 0;
}
.btn {
  display: block;
  margin: 1em 0;
}
.validacion {
  color: #FF0000
}

/*Alinear los formularios*/
div {
  margin: 0.4em 0;
}
div label {
  width: 25%;
  float: left;
}

----------html---------------

<div>
 <label for="campo6B010201">Fecha primer nombramiento:</label>
 <input name="campo6B010201" type="text" id="campo6B010201" />
 <span class="validacion" id="RequiredFieldValidator21">*</span>
</div>

<div>
 <label for="campo7B010201">Fecha último nombramiento:</label>
 <input name="campo7B010201" type="text" id="campo7B010201"/>
 <span class="validacion" id="RequiredFieldValidator22">*</span>
</div>

<div>
 <label class="gris" for="campo8B010201">Procedimiento de elección:</label>
 <select name="campo8B010201" id="campo8B010201">
        <option value="0">--</option>
 </select>
 <span class="validacion" id="RequiredFieldValidator23">*</span>
</div>

<div>
 <label class="gris" for="campo9B010201">
 Número Total de Consejeros:</label>
 <input name="campo9B010201" type="text" id="campo9B010201" class="gris" />
 <span  class="validacion" id="RequiredFieldValidator24">*</span>
</div>