顶部的位置文本就在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> 

我甚至试图删除跨度，但它仍然显示了同样的方式。

I1在CSS：margin-left:0px;
I2在CSS：
#i2 { display: inline; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }

Answer 1

我想，除非我失去了一些东西，那下面应该实现自己的目标：

td { 
    vertical-align: top; 
} 

这显然适用于所有td S，所以你可能希望指定一个特定的类或ID。

Answer 2

添加valign="top"属性包含文本的<td>。