html - 将文本放在 html 中图像旁边的顶部

Question

我旁边有一张图片和文字以及这段代码。可以看一个样本here :

问题是文本是从图像的中心(右侧)开始的，而我希望文本从图像的右上角开始。

这是我的代码:

<table width="550">    
<tr>   
<td>   
<div id="i1">   
<img src="<? echo $row_array[3];?>" height="225" width="225">   
</div>   
</td>   
<td>   
<div id="i2">   
<span style="position: relative; top: 0px; left: 0px;">       
<? echo  $row_array[4];?>   
</span>   
</div>   
</td>   
</tr>   
<tr></tr>   
<?} ?>   
</table>

我什至尝试删除 span 但它仍然以相同的方式显示。

css 中的 i1:margin-left:0px;
CSS 中的 i2:
#i2
{
显示:内联；
边距:0px 0px 0px 0px；
填充:0px 0px 0px 0px；
}

Answer 1

我认为，除非我遗漏了什么，否则以下应该可以实现您的目标:

td {
    vertical-align: top;
}

这显然适用于所有 td，因此您可能希望指定特定的类或 ID。