Maquetar formularios: CSS o TABLE

[lucianonicolas]

JAMÁS SE DEBE MAQUETAR CON TABLAS, a no ser que sean datos tabulares, que por razones obvias y semánticas se debe hacer con <table>.

Y no es complicado hacer esto, puedes imaginar lo siguiente:

Código HTML:

<laber for="nameInput">Name</label>
<input type="text" name="#" id="nameInput" />
 

Código CSS:

label {
float: left;
clear: both;
}
 
input {
float: left;
}
 

Un pequeño tip, es que si no todos los <label> tienen el mismo ancho, como es esperable, simplemente le pones un «width» determinado y listo, siempre te quedará alineado el formulario.

Espero que te sirva. ¡Saludos!