, 2014年5月7日

HTMLで画像を配置した時に、下側にmarginでもpaddingでもない謎の余白が現れる時があります。例えば以下のようなコードを書いた時、 h1{ background-color: #ddd; } img{ margin: 0; padding: 0; } <h1> <img src="yurufuwa.jpg" alt="" width="100px">サイトのタイトル </h1> 結果はこんな感じになります。画像のmarginとpaddingは0なのに、何故か謎の余白が現れてしまいます。 今回はこれを削除する方法を紹介します。

CATEGORIES