対策としては、以上の3つが挙げられます。 どの方法を使ってもいいんですが、3番目の方法はちょっと無理矢理な感じが否めないですね… なんで余白ができるの？ 忘れがちですが、画像はインライン要素です。なので特に指定をしなかった場合、配置されるのはベースラインになります。 だからvertical-alignをbottom（下端揃え）にすると下の余白が無くなるんですね。 display:blockで画像自体をブロック化するというのが1番簡単ですが、その場合text-alignでの中央寄せが効かなくなるので注意。中央寄せしたい時はmargin: 0 autoを使いましょう。
