Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/11/2013, 04:50
mmsergi
 
Fecha de Ingreso: noviembre-2013
Ubicación: Barcelona
Mensajes: 8
Antigüedad: 10 años, 5 meses
Puntos: 0
Alinear dos columnas de input text con css

Buenos días!

Quiero hacer dos columnas de input texts con sus respectivas label alineadas. Con lo que tengo actualmente me queda como deseo pero en una sola columna.

Para que lo entendáis mejor os dejo el código y una imagen:

Código HTML:
<div><label >Nombre fiscal:</label><input type="text"></div>
<div><label>CIF:</label><input type = "text"></div>
<div><label>Dirección:</label><input type="text"></div>
<div><label>Población:</label><input type="text"></div>
<div><label>Código Postal:</label><input type = "text"></div>
<div><label>Provincia:</label><input type="text"></div>
<div><label>Representada por:</label><input type="text"></div>
<div><label>En calidad de:</label><input type = "text"></div>
<div><label>Teléfono:</label><input type="text"></div>
<div><label>Fax:</label><input type="text"></div>
<div><label>Nº cuenta:</label><input type="text"></div> 
Y el codigo css:

div {
margin: .4em 0;
}

div label {
width: 25%;
float: left;
}



Un saludo y muchas gracias.