alignement vertical du texte à côté des images

Question

Quand je mets une ligne d'image dans une cellule de table, comme ceci:

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

... il décale l'alignement vertical du texte dans cette cellule, comme ceci:

J'ai joué avec vertical-align, mais je n'ai pas réussi à aligner le dans les deux cellules. Quelle est la bonne façon de faire cela?

Answer 1

J'ai continuent de jouer avec ce problème, voici une solution je suis venu avec:

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

Il rend comme ceci:

Je don J'aime pas que la hauteur de l'image soit en CSS, donc je suis toujours ouvert à d'autres idées.

Answer 2

Ok, que diriez-vous de ... ceci!

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