Каким способом расположить блоки разной высоты один под другим?

Question

[Артем Грибков]

Собственно сейчас, если блокам я задам display: inline-block и vertical-align: top, то имею вот такую картину:



А нужно, чтобы было вот так вот:

Answer 1

[Денис Инешин]

Для создания такого лэйаута все используют плагин Masonry

Answer 2

[Алексей Зуев]

Можно вот так
Очень неплохое решение на css, а для ie можно полифилл-masonry использовать

Comments

[Den Alex Smith]

Прекрасно. В три строчки. Спасибо!

Answer 3

[Валентин Дубровский]

юзайте flexbox, вот простой пример реализации
а вот таблица поддержки браузеров

Answer 4

[Евгений Одинец]

Средставами css такого эффекта не достигнуть. Без js не обойтись

Comments

[CodeInside]

Обойтись

Answer 5

[CodeInside]

Делаете три блока: left, middle, right. Все три инлайн или "float: left". Внутри этих блоков обьявляешь по два блока. Можешь добавить "clear: both", чтобы они строились по вертикали.