Как сделать такое расположение изображения и текста?

Как сделать такое расположение изображения и текста (миниатюры) как на скриншоте без использования таблиц.

При изменении окна браузера в table изображения просто прижимаются друг к другу и появляется скролл, а мне нужно чтобы элементы которые не помещаются, опускались ниже. Короче – адаптивная верстка миниатюр. Пробовал float, display:inline-block и список - изображения ложатся нормально но при добавлении текста получается результат:

1 ответов


http://demo.g63.ru/center_block.html

Чтобы не ломалось надо вспомнить про vertical-align
http://htmlbook.ru/css/vertical-align