Usando Label en formularios

Leo de mano de Pete Freitag como "estilizar" formularios con CSS y me ha gustado el uso que hace de los poco conocidos tags label, cuya principal función es servir como texto pinchable que se asocia con la activación de un control, por ejemplo:

Pinchando los textos se activan los campos:

Male
Female

Su forma de manejar estos tags consiste en definir un identificador para los mismos y mediante CSS alinearlos adecuadamente, siguiendo el mismo ejemplo:

Male
Female

<style>
label { position: absolute; text-align:right; width:100px; }
input { margin-left: 110px; }
</style>
<form name="input" action="">
  <label for="male2">Male</label>
   <input type="radio" name="sex" id="male2" />
  <label for="female2">Female</label>
   <input type="radio" name="sex" id="female2" />
</form>

Tags: html css label form tag