将文字放在html中图片旁边的顶部

Question

使用此代码，我旁边有图像和文本。 可以在此处查看示例：

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

这是我的代码：

<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>

我什至尝试删除跨度，但仍显示相同的方式。

i1在CSS中： margin-left:0px;
i2在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。