Cita:
Iniciado por alyciashape Que además es más funcional, porque si pinchas en el nombre de la etiqueta también te marca el campo.
En realidad da igual donde coloques el input, si fuera de label o dentro. La cosa es que label lleva el atributo for, en donde si le pones como valor el ID del input, entonces pasará eso que dices si pinchas marca el campo. Aunque no sé ahora mismo si esto viene desde XHTML o es cosa de HTML5.
En cualquier caso, yo te diría ya que te metes en XHTML, pues meterte con HTML5 que aunque sea un borrador aún, todos los navegadores actuales lo implementan y soportan.
Respecto a la duda de cómo hacer aquello de los span dentro del label, una forma sería hacer algo así:
Código CSS:
Ver originallabel span {
display: inline-block;
width: 100px;
text-align: right;
padding-right: 10px;
}