¿Cómo alinear un formulario como una tabla usando div?

Aquí está mi código:¿Cómo alinear un formulario como una tabla usando div?

<div> 
    <label>Name</label><input type="text" id='name'/><br /> 
    <label>Email</label><input type="text" id='email'/><br /> 
    <label>Place</label><input type="text" id='place'/><br /> 
</div>

Soy nuevo en CSS, no quiero mesa para conseguir alineado, pero la perfección debe ser así mismo, y no quieren aplicar estilo a los elementos individuales . Se agradece cualquier ayuda.

Fuente

2010-12-17 illuminatus

Por qué no usar una tabla? Una forma como esta es un excelente ejemplo del uso correcto de una tabla. – RoToRa

No estoy de acuerdo. La tabla es para datos tabulares. La forma no es una de. – Lex

Sí, estoy con Lex en este caso - que podría ser más fácil para alinear, pero es una solución rápida y sucia, que sólo hace las cosas difíciles en el futuro. Sugeriría que se mantenga alejado de las tablas en la medida de lo posible :) –

Estoy asumiendo que desea alinear las etiquetas e insumos uno junto al otro, en cuyo caso podrás flotadores que necesitan. Aquí está el código CSS rápida:

form { 
width: 500px; 
overflow:hidden;} 

label { 
clear: both; 
float: left; 
width: 40%;} 

input { 
float: left; 
width: 55%;}

creo que debería funcionar :)

Fuente

2010-12-17 11:12:12

thnx ... funcionó :) – illuminatus

No hay problema - me alegro de que funcionó :) –

pero..i Estoy tratando de hacerlo en jquery. ¿Por qué no funciona ...? – illuminatus

Respuesta

Cuestiones relacionadas