Maquetar formularios: CSS o TABLE

[Dago]

Gente,
Mi consulta es la siguiente.
Tengo un sitio maquetado con capas.
En una de las capas, ejemplo id=formulariouno, quiero poner un formulario.
El tema es que, me gustaria que todos los campos del formulario complejo (input, select, etc) esten alineados.
Con tablas, es simple. Creo una tabla, en una columa van los textos, en la otra los campos y listo.
Ejemplo:

Nombre | Input nombre

Con CSS no logro hacerlo. Ahora la consulta:
¿Es ESTRICTAMENTE aconsejable que tenga que resolver eso con CSS? O puedo hacerlo con tablas.
¿Es desaconsejable? Sería sólo para la presentación de los datos del formulario.

Si debería hacerlo con CSS, alguna pista o ayuda para lograrlo, ya que no logro que me queden correctamente alineados.


Gracias.

[Daniel Ulczyk]

Te dejo algunos ejemplos, a efectos que te inspires:

Beautiful CSS Form
CSS-Only, Table-less Forms
Clean and pure CSS FORM design

[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!