画像とテキストを縦中央にセンタリングしたい

Googleマップでストリートビューを見ようとして
いつもの人がいないのに気がつきました。

見覚えのある顔をしばらく探した結果

お召しかえをなさってました。

これ、各国ごとにユニフォーム違うんだろうなぁ。
お疲れ様です。

画像と1行のテキストを並べる際に、テキストを画像の縦中央にセンタリングする方法。
今までは、親要素に

[code]
div.box {
height: 画像の高さ;
display:inline;
vertical-align:middle;
}
[/code]

だと思っていたのですが、結果

なんか強そうな草刈り機

こうなりました。

実はこれ、画像（imgタグ）に vertical-align:middle を設定するそうです。

なんか強そうな草刈り機

簡単なようなのですが、盲点でした。

【ハートブレーン】https://heartbrain.net

最後までご覧いただき、ありがとうございました。
よろしければ、SNSでのシェアやランキングなど、応援よろしくお願いします。