LMnet

Большое спасибо, оба варианта подходят! Но мне больше нравится первый, с inline-block'ом, хотя принципиальной разницы нету.

Возникла проблема при расположении текста внутри блока с картинкой. Вот пример в песочнице. Задача - добиться вертикального выравнивания текста по центру картинки. Причем нужно нормальное решение, которое не зависит от количества текста. В интернете в основном предлагают установить следующий стиль для div'а: wrap{ display: table-cell; }; Тогда можно будет просто сделать vertical-align: middle и текст будет по центру. Но данное решение мне не подходит, потому что несколько таких элементов последовательно будут отображаться как ячейки в таблице, а мне нужно расположить их друг под другом. Есть какое-нибудь другое решение данной проблемы? Или может применить table-cell и обернуть все это в еще один div, который уже будет блочным?