HTML上に配置した画像に隙間が出来るときの対処法

配置した画像に余計な隙間（スペース）が出来る

HTML上に画像を配置したときに、予期せぬスペースが出来るときってありませんか？（画像参照）
単純に配置しただけなのに・・・と思うのですが、そんな時はCSSを以下のように設定することで解決できます。

解決策

CSSファイルに以下の設定を記述する。

img { 
vertical-align: top;
}