将文本放在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但它仍然以相同的方式显示。

i1 in css：margin-left:0px;
i2 in css：
 #i2 { display: inline; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }

Answer 1

将valign="top"属性添加到包含该文字的<td>。

Answer 2

我认为，除非我遗漏了什么，否则以下内容应该达到你的目标：

td {
    vertical-align: top;
}

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