沿着图像垂直文本对齐

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>