html - 在表格单元格中将文本对齐到顶部

Question

我试图让我的文本与旁边单元格中图像的顶部对齐。 vertical-align top 似乎不起作用？我认为目前它正试图相对于另一个细胞居中。也许有更好的方法来使用花车或其他东西来做到这一点？

这是 CSS:

table#body1 {
    padding: 0px;
    vertical-align: top;
    margin-bottom: 10px;
    margin-top: 5px;
}
td#images { 
    width: 30%;
}
td#text {
    width: 70%;
    padding-left: 15px;
    text-align: justify;
    vertical-align: top;
}

和 HTML:(所有的 div 都是内联 block 元素，如果有区别的话)

<table id="body1">
<tr>

<td id="images"><img class="halfimg1" src="titania2.jpg" alt="Queen Titania"><br></td>
<td id="text">
<div id="header">Wander in these woods.</div><br>
This is some Text.<br>
<div id="caption"><br>This is my caption.</div>
</td>
</tr>
</table>

在此先感谢您的帮助!

Answer 1

添加垂直对齐:顶部；以及 td#images。