Alineacion span y label

[gspablo]

Buenas, tengo un formulario realizado los titulos con span y el campo input dentro de un label, mi problema es que el campo input no aparece alineado, aparece con la distancia que yo le ponga según el tama;o de lo que haya escrito en el span, os pongo algo de codigo y del css, a ver si me podeis ayudar

Código HTML:

<span class="title" size="30">Username</span>
 
<label class="field" > 
<input type="text" size="30" name="nUsername" id="idUsername" > 
</label>
 

Código CSS:

#content span.title {size:100; width:100px;}
#content label.field {margin-bottom:150px; color:#70797e; margin-left:100px; size:30; line-height:30px; position:relative; left:50px}
 

GRaciasss

[Shawty]

Yo pondria dentro del label únicamente el texto y después el input. Al label le pones un tamaño "width" fijo que sepas que te entre el texto (o sino te saldrá en dos lineas si es muy largo) y así te quedaran todo los inputs alineados.


Saludos