[SOLUCIONADO] Alinear varios divs de lado

[blancoarnau]

Hola a todos. Tengo una pequeña duda. Estoy trabajando en un proyecto y me gustaría saber como puedo alinear varios divs sin usar float. Resulta que he creado varios cuadros (creo que hay alrededor de 20) y quiero alinearlos pero no se me alinean. He leído en internet que debo usar "float" pero si lo hago así voy a tardar mucho porque tendré que editar cada div, uno por uno. Me gustaría saber si englobándolos todos con una clase (por ejemplo, "class='cuadros'") podría alinearlos todos.

Espero que me hayan podido entender. Muchas gracias.

[pzin]

Alinear es un concepto un tanto ambiguo. ¿Qué necesitas hacer concretamente?

Tampoco entendí porqué vas a tener que editar cada elemento uno a uno si los flotas.

[ZoroRoronoa]

tienes 20 cuadros OK!
a cada uno ponle una clase, ejemplo <div class="cuadros"> y ais sucesivamente a los 20.

y con CSS los flotas los 20 cuadros a la vez poniendo solo

.cuadros {float:left;}

Saludos

[blancoarnau]

Muchas gracias ZoroRoronoa. ¡Me ha servido!

[g3kdigital]

Creo que tambien puedes usar esa misma clase pero embes de usar "float: left" usas display: inline-block; y vertical-align: (valor); Lo he usado mucho y no me presenta los problemas de limpieza de floats;

[pzin]

El problema de usar inline-block es que te crea espacios laterales —debido a los saltos de linea en el HTML— que normalmente no se buscan.