沿着圖像垂直文本對齊

Question

當我把圖像嵌入表格單元格，像這樣：

<table border="1" cellspacing="5" cellpadding="5"> 
<tr> 
    <td> 
    <img width="20" height="20">Text 
    </td> 
    <td> 
    Text 
    </td> 
</tr> 
</table> 

...它改變了文本的垂直排列在該單元格，像這樣：

我玩過vertical-align，但還沒有能夠對齊兩個單元格。什麼是正確的方式來做到這一點？

Answer 1

我一直在繼續玩弄這個問題，這裏是我想出了一個解決辦法：

<table border="1" cellspacing="5" cellpadding="5"> 
    <tr> 
     <td style="line-height: 20px;"> 
      <img width="20" height="20" style="vertical-align: top;">Text 
     </td> 
     <td> 
      Text 
     </td> 
    </tr> 
</table> 

它呈現這樣的：

我不不喜歡圖像的高度需要用CSS，所以我仍然願意接受其他想法。

Answer 2

好的，如何......這！

<table border="1" cellspacing="5" cellpadding="5"> 
<tr> 
    <td> 
    <img style="float: left;" width="20" height="20">Text 
    </td> 
    <td> 
    Text 
    </td> 
</tr> 
</table>