css - Bottom align logos and top align titles -

i'm trying achieve layout grid of logos logos bottom aligned common baseline , titles, below logos, top aligned. both centrally aligned horizontally.

i can achieve using tables, semantically, think i'd prefer use divs. fyi, i'm using bootstrap framework.

i've tried kinds of css combinations, running conflicts display , position attributes.

i'm sure there javascript solutions too, want use last resort.

can think of way in css without using tables or js?

div{     display: inline-table;     max-width: 200px;     text-align: center; } div img{   display: table-row; } div h3{   display: table-row; } 

see updated fiddle : http://jsfiddle.net/xtj3y/3/