Как сделать подобное?

Question

[Masonry]

Подскажите пожалуйста как сделать так, есть блоки с отзывами к примеру есть один блок где больше текста, есть где меньше. Как сделать чтобы последующие блоки под ними которые в зависимости от текста верхнего прижималась вверх? На этом изображении блок под цыфрой 2 должен быть чуть выше первого, так у второгое верхнего блока меньше текста. Надеюсь я понятно написал)

Comments

[devstudent]

какая у вас разметка? запихните каждую колонку отзывов в свой див с шириной 50% и float:left;

Answer 1

[Дмитрий]

как вариант
https://jsfiddle.net/soledar10/agsc1bxt/
еще как вариант htmlbook.ru/css/columns

Answer 2

[Александр]

2 столбца
codepen.io/anon/pen/zqLdqa

Answer 3

[Андрей Ломовой]

Вам, в этом деле поможет следующее masonry.desandro.com

Сразу замечу, что активацию данного скрипта лучше производить следующим образом:

jQuery(window).load(function(){
	 jQuery('.masonry').masonry({ ... Опции ... });
 });

В особенности если речь идет об img.

Comments

[Masonry]

А можно как то сделать без masonry ? Потому что вот подобие той проблемы, пункт 3 должен быть почти прижат к пункту второму