Múltiples columnas (column-count)

CSS ha introducido una serie de propiedades que pretenden facilitar el diseño de elementos web en columnas, la propiedad colum-count permite definir el número de columnas con que se debe mostrar el contenido dentro de un elemento.

Otra novedad que nos trae CSS3 es permitir disponer un bloque de texto en múltiples columnas con la única indicación de la cantidad de columnas que queremos que lo divida:

Elemento { 
     column-count: cantidad de columnas; }

Por ejemplo para generar un cuadro con tres columnas debemos implementar el siguiente código:

#recuadro1{ -moz-column-count:3;
-webkit-column-count:3;
column-count:3;
border-radius: 20px;
background-color: coral 
width:600px;
padding:10px;
}
El código anterior se  verá asi:

Recuadro 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,