如何将表格内的div相对于其中一个表格的单元格对齐？

Question

这就是我现在从这段代码中得到的：

<table><tr>
    <td><div id="adt"></div></td> <!-- 336x280 ad code -->
    <td id="butw"><div id="butto">Follow @Twitter</div></td> <!-- Twitter Button -->
    <td><div id="ado"></div></td> <!-- 300x600 ad code -->  
</tr></table>

（结果图片）

我的目标是让Twitter div 在第一个 TD 下方对齐。 我不确定是否使用CSS将div相对于表格单元格对齐，或者是否存在我忘记的另一种方法。

Answer 1

实现此目的的一种方法是将Twitter div移至下一行。

<table>
    <tr>
        <td><div id="adt"></div></td> <!-- 336x280 ad code -->
        <td><div id="ado"></div></td> <!-- 300x600 ad code -->  
    </tr>
    <tr>
        <td id="butw"><div id="butto">Follow @Twitter</div></td> <!-- Twitter Button -->
        <td> <!-- extra TD here --> </td>
    </tr>
</table>