Как выровнять две колонки блоков с float?

Question

[Igor Fedorov]

Помогите мне, пожалуйста, вся проблема схематично на картинке.

Эти блоки - посты в Wordpress, высота разная

Comments

[Igor Fedorov]

Вообще, это новости Wordpress, их в два div а не положить..

Answer 1

[Сергей delphinpro]

Флоатами - никак.

можно так jsfiddle.net/DelphinPRO/83h7ccyf но это IE10+

upd jsfiddle.net/DelphinPRO/83h7ccyf/1

Comments

[Igor Fedorov]

Хороший вариант, но IE10+...

[Сергей delphinpro]

Igor Fedorov: для IE10- вполне можно согласится на изящную деградацию (graceful degradation). т.е. те же флоаты неровные, главное, чтобы контент был доступен

Answer 2

[kid-programmer]

обернуть в div перый столбец и второй и для них тоже задать float

Comments

[Сергей delphinpro]

По условию задачи - блоки идут в одном потоке ;)

[kid-programmer]

По православному так float не сделать, если только не всякие костыли, да и то в задачи мало что сказано, фиксированнпя ли высота блоков и тд. Проще пересмотреть задачу)))

[desuvin]

Всегда можно через js вырезать и вставить их в нужный div :) Также решить задачу можно через masonry, флексбоксы

[desuvin]

Посмотрите сюда masonry.desandro.com . Вдруг у вас много элементов, а количество колонок может измениться, тогда решение будет лучшим

[Igor Fedorov]

kid-programmer: высота разная, так как это новости Wordpress

Answer 3

[WhiteSama]

Можно использовать display: inline-block; vertical-aligh: top;