こんにちは。島津です。 しばらく更新が滞ってしまいました!失礼致しました… さて今回は、divやテーブルなどのブロック要素で画像を囲んだ際に 画像の下に不必要な余白が表示されてしまう場合の解消方法について ご紹介しようと思います。 とりあえず実際の表示を見てみましょう。 ▼スクリーンショット ※Windows IE7のものです。 (htmlコーディング) <div> <img src="sample.jpg" alt="" /> </div> <div> <img src="sample.jpg" alt="" /> abcdefg </div> (cssサンプル) body { font-size:40px; } div { padding:0; border:solid 1px #DDDDDD; } img { margin:0; } divの内余白、imgタグの外余白とも0を指定して
![画像の下に不要な余白が出るときの対処方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/126e9c63960837b5815901e11e1f6c1303c17f2b/height=288;version=1;width=512/https%3A%2F%2Fblog.seesaa.jp%2Fimg%2Fogp_logo.png)