Изображние съежает вниз, как исправить?

Question

[Владислав]

Все остальные фото слушались нормально, кроме двух предпоследних, им пришлось прописать
vertical-align: top;
А вот с последним проблема, как её возможно решить?

Песочница

Заранее спасибо :)

Comments

[Сергей Герасимов]

У вас инлайновые блоки, они ведут себя как текст - размещаются в линию, и выравниваются по низу, как и текст, а если не помещаются, то переносятся на новую линию. Высота линии как раз является самым высоким элементом.

Answer 1

[Максим Тимофеев]

А зачем Вы изобретаете велосипед:
w3bits.com/css-masonry
И как правильно заметил Сергей Герасимов - инлайн блоки так себя ведут. Вы простым display inline не добьетесь нужного результата.