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