html - Issues in align image in colums in css -

here jsfiddle link: http://jsfiddle.net/3om4yjpa/

the 3 images of columns @ bottom didn't align properly.

i need http://s11.postimg.org/pzq7m2glv/untitled_1_copy.png

html:

  <td class="mcncaptionbottomimagecontent" style="padding:0 9px 9px 9px;" align="left" valign="top">               <img alt="" src="https://gallery.mailchimp.com/74b6bdda18d16b31a24e81ec6/images/e6686072-3933-4150-b034-eef1599bc277.jpg" style="max-width:186px;" class="mcnimage" width="164">           </td> 

and have edit inline css, can me fix this?

thanks in advance.

you can give height table if fixed because min-height not possible table.

.mcncaptionblock   {     height: 350px;  } 

and remove margin-left:10px of span.

span{ margin-left: 0 !important; } 

check updated fiddle.