<p><img src='/img/img24x24.png' alt='' style="width:24px;height:24px;">abc</p> ここで画像は縦横 24px です。 すると、次のように画像に対して文字が下側に表示されてしまいます(文字が小さい場合)。 そこで、これを回避して横一線に中央に揃えて表示するには、img と文字の CSS に vertical-align:middle を指定します。 <p><img src='/img/img24x24.png' alt='' style="width:24px;height:24px;vertical-align:middle;"><span style="vertical-align:middle;">abc</span></p> その結果、次のように横に揃います。 さて、これはいったいどういうことでしょうか。そも