Jak poprawnie wyrównać obraz w pionie z tekstem wewnątrz komórki tabeli

Question

Potrzebuję do vertical-align:top zarówno "tekstu", jak i "tekstu innego". Poniższe nie działa dla mnie, tylko druga komórka jest poprawnie wyrównana. Nie rozumiem, na czym polega problem.

<style> 
    td { 
     vertical-align:top; 
    } 
</style> 

<table>  
    <tr> 
     <td><img src="icon.png"/> Some text </td> 
     <td> Other text </td> 
    </tr> 
</table> 

Answer 1

Zamiast używać:

td { 
    vertical-align: top; 
} 

Zastosowanie:

td { 
    vertical-align: baseline; 
} 
td img { 
    vertical-align: top; 
}