Выравнивание картинок в блоке

[Fendia]

Помогите разобраться! Проблема в следующем: как выровнять картинки в блоке, если у картинок разные размеры. 

Вот, набросала код: http://cssdeck.com/labs/kdp58wel

Теперь, как их выровнять? (В инете искала не нашла, мучаюсь уже 2 дня)

Картинки должны быть расположены посередине.

Более того, столбцы должны быть одинаковой высоты. Размеры должны быть заданы в процентах.
 

Спасибо.

[npofopr]

Сделать или через беграунд или

через position: absolute; для картинки, только перед этим её в блок с указанными размерами поместить.

[kattiperk]

Можно так

http://cssdeck.com/labs/kdp58wel

 

Но тогда line-height придётся менять.

Смотря что там за максимальная высота картинки будет.

 

Но я бы такое таблицей верстала, ваш код не семантичный.

Edited November 17, 2014 by kattiperk

[Fendia]

Спасибо.

Edited November 17, 2014 by Fendia