Выровняйте несколько изображений (с подписями) к базовой линии, разной высоты

Я искал несколько дней, как заставить работать этот макет, мне нужна небольшая помощь

Я просто хочу, чтобы мои изображения были выровнены с базовой линией самого высокого изображения в каждой строке и надписями под этой линией. Я вижу, что у вас большой опыт создания макетов с изображениями и jquery. Если бы вы могли указать мне правильное направление, я думаю, что я мог бы решить это.

Вот jsfiddle для того, что я получил, но я думаю, что мне, возможно, придется отказаться от каменной кладки, так как мой клиент просто хочет хороший базовый уровень ... но с отзывчивым завершением конечно ...http://jsfiddle.net/perrodeagua/SeXDu/embedded/result/

Вот мой текущий css, я не замужем за ним, хотя

.thePics {
padding:5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 24px;
float: left;
 width:200px;
 height:auto;
 border:1px;
 text-align:left;


}

#PICS {
 width:auto;
}

А вот макет того, что мне нужноhttp://postimg.org/image/sygkducs5/

Спасибо!

Ответы на вопрос(3)

Ваш ответ на вопрос