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

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

いつもの人

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

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

お召しかえ

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

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

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

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

父の日に日曜大工 なんか強そうな草刈り機

こうなりました。

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

父の日に日曜大工 なんか強そうな草刈り機

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

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

メールでのお問合せ・お見積りはコチラ