Ordenamiento distinto de DIV’S con CSS

[felax92]

Saludos a todos. Estoy empezando a desarrollar un blog, y me surgieron algunas dudas acerca de cómo mostrar los artículos que contendrá el blog.

Cada artículo estará dentro de un DIV distinto, los DIV’S los generare por medio de un arreglo en PHP, así que lo que quiero es que por medio de la herencia, de un contenedor que en este caso es un <ARTICLE> el cual contienen los DIV’S de las noticias, ordene estas de una forma distinta.

Por ejemplo: en vez de lo clásico de uno debajo de otro, los ordene por columnas de 2 o 3 DIV’S, o incluso no sé si se pudieran ordenarlos como un tipo colash. Algo parecido a la siguiente imagen.



Espero me puedan echar un cable con algún código, ejemplo o idea, que me pueda ayudar a logra mi objetivo.

Esta es mi primer tema así que espero haberme dado a entender más o menos , De antemano les agradezco por tomarse el tiempo de leer el tema. Saludos

[alca87]

Lo que buscas se llama grid css o rejilla css, busca a partir de ese término en google.

[felax92]

Iniciado por alca87

Lo que buscas se llama grid css o rejilla css, busca a partir de ese término en google.

Gracias por responder, no pude logra acomodar los div's en un estilo colash, pero si por columnas. Lo que hice fue agregarle a los div's un porcentaje total de ancho del <article> que los contenía, y darles un float:left; para agregarlos uno a lado de otro.Saludos