html - 如何将表格内的此 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>