画像にすきまができる時の対処法

ウェブページを作成していると画像に周りにすきまができる場合があります。
marginやpaddingをそれぞれの要素ゼロにしてもすきまが消えません。

そのようなときはimgタグにdisplay:block;を指定しましょう。
こうすることでインライン要素であるimgタグがブロック要素となります。
display:block を指定すると以下のようにちゃんとスキマがなくなりました。