[SOLUCIONADO] Alinear dos columnas de input text con css

[mmsergi]

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.

[IsaBelM]

puedes usar la pseudo-clase :nth-of-type()

[mmsergi]

Gracias por tu respuesta, pero soy bastante novato y no he entendido como puedo hacerlo con esto de las pseudo clases.

[IsaBelM]

quizás no necesites usar pseudo-clases. con width y display probablemente es suficiente

div {
margin: .4em 0;
width: 49%;
display: inline-block;
}

[mmsergi]

Muchas gracias, esto me ha funcionado!

Me podrías decir que hace exactamente el inline-block?

Un saludo.

[pzin]

Iniciado por mmsergi

Me podrías decir que hace exactamente el inline-block?

Que un elemento sea en linea pero que se le pueden aplicar propiedades de un elemento en bloque, en tu caso necesario para poder aplicarle un ancho.