【CSS】画像の下にスペースが空いちゃう？

画像の下にはホワイトスペースが自動でとられてしまいます。

このスペースを消すにはどうしたよいでしょうか？

 

 

以下は灰色の画像の下にDIV要素の文章があるパターンです。

画像の下にホワイトスペースが入ってしまっていますね。

意図的であれば良いですが、そうでない場合カッコ悪いですね。 

これを消すのは以外に簡単です。

以下のように、CSSでvertical-alignをmiddleに設定してください。

それだけで、以下の図のように、スペースが消えてしまいます。 

 

---

img{

 

vertical-align:middle;

} 

 

---

タグ：CSS 画像 ホワイトスペース