Как разместить элементы в макете кладки, например, в журнале / газете?

Я пытаюсь создать макет, где элементы будут плавать как разделы газетных / журнальных статей. Это что-то похожее на то, чтомасонство jQuery делает. Но я пытался добиться этого только с помощью CSS3. Я думал, что, возможно,box свойство display может это сделать. Хотя после нескольких попыток я не смог заставить элементы скользить по ширине родительского столбца.

Есть ли способ достичь этого макета только с помощью CSS?

Разметка будет примерно такой:

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

Здесь раздел будет плавать влево и настраиваться в очереди столбцов там, где лучше подходит (а не ниже базовой линии предыдущего, как это делает простой float).

Ответы на вопрос(1)

Ваш ответ на вопрос