Dealing with a common CSS alignment challenge:
<table style="width:100px"> <!-- Not really needed, just for brevity -->
<tr>
<td style="padding:0;">
<div style="height:100%; width:100%; background-color:#abc; position:relative;">
Example of lengthy content that dynamically increases cell height.
</div>
</td>
<td>
<div>text</div>
<div ></div>
<img style="vertical-align: bottom;" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/1118727_100000298033362_1412277170_q.jpg"/>
</td>
</tr>
</table>
Any suggestions on how to always display the image at the bottom of the table and keep the text centered?
Appreciate any help!