Duda dando estilos a formularios

[alyciashape]

No logro conseguir el efecto deseado. Aver si me explico.
Antes yo ponía esto:

Código HTML:

<label>Nombre</label><input type="text" />
<label>Teléfono</label><input type="text" />
 

Y era fácil de ordenar porque hacía algo así:

Código CSS:

form label {
width:150px;
margin-right:10px;
}
 

Y los controles quedaban debidamente ordenados. El problema es que ahora me pasé a XHTML y me empeñé en hacer todo válido y aquí el problema. La sintaxis correcta de los label es:

Código HTML:

<label>Nombre<input type="text" /></label>
<label>Teléfono<input type="text" /></label>
 

Que además es más funcional, porque si pinchas en el nombre de la etiqueta también te marca el campo. Pero de esta forma no logro que queden debidamente alineados. Lo he intentado así:

Código HTML:

<label><span>Nombre</span><input type="text" /></label>
<label><span>Teléfono</span><input type="text" /></label>
 

O también con div en lugar de span. Y dando un ancho a los div/span y no hacen ni caso. Cosa que no entiendo. Como se podrían alinear? porque sino según el texto del label el input empieza más a la izquierda o más a la derecha.