html - テーブルセル内の画像とテキストを正しく垂直方向に揃える方法

Question

vertical-align:top「一部のテキスト」と「その他のテキスト」の両方が必要です。以下は私には機能しません。2番目のセルだけが正しく配置されています。何が問題なのかわかりません。

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

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

Answer 1

使用する代わりに:

td {
    vertical-align: top;
}

使用する：

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