I have a table with cells that contain one image and one text link each, in that order. I have successfully vertically aligned the image with CSS:

```
 .tdClass img {vertical-align:middle;}

```

But I can't seem to get the text link underneath it to align to the bottom of the cell. No matter what I've tried, it stays put right underneath the image. The ultimate goal here is to make the cells uniform horizontally as much as possible when my images are different heights.

```
<table width="100%" class="tableClass" id="tableId">
<tbody>
<tr>
    <td class="tdClass">
        <a href="#">
        <img src="#">
        </a>
        <div class="divClass">
            <a href="#">TEXT</a>
        </div>
    </td>
    <td class="tdClass">
        <a href="#">
        <img src="#">
        </a>
        <div class="divClass">
            <a href="#">TEXT</a>
        </div>
    </td>
</tr>
</tbody>
</table>

```