div内のimg,spanの垂直方向の中央寄せの問題

以下のようになります。

ご注意ください。#test *{vertical-align:middle;}s

#test * は div 内のすべての要素を示します。もちろん span、input、img などのインライン要素も含まれます。

垂直揃え
初期値：ベースライン（デフォルト）
継承の有無 なし
に適用されます。インライン要素
説明：vertical-align:baseline は、要素のベースラインをその親要素のベースラインに合わせる。
警告: vertical-align はテーブルセル内のコンテンツの配置には影響しませんし、ブロック要素内のコンテンツにも同じことをします。

vertical-align は span, img, em, input, a などのインライン要素にのみ作用し、div, h3, p などのブロック要素には作用しないことに注意してください。

以上、div内のimg,spanの垂直方向中央揃え問題について、スクリプトハウスのサポートに役立てば幸いです。