Estoy tratando de lograr un diseño donde los elementos floten como secciones de artículos de periódicos / revistas. Es algo similar a lo que jQuery's Masonry hace. Pero estaba tratando de lograr eso solo usando CSS3. Pensé que tal vez labox display propiedad podría hacerlo. Aunque después de intentarlo varias veces, no pude hacer que los elementos se deslizaran hacia abajo después del ancho de la columna principal como se cumpli

¿Hay alguna forma de lograr este diseño solo con CSS?

El marcado sería algo como esto:

<article>
    <section>...</section>
    <section>...</section>
    <section>...</section>
    <section>...</section>
</article>

Aquí una sección flotaría a la izquierda y se ajustaría en la cola de las columnas donde se ajusta mejor (y no debajo de la línea de base de la anterior, como lo hace el flotador simple).