divタグで囲った画像の下部に出る微妙な余白を無くす方法。
画像はインライン要素なのでベースラインをvertical-alignをbottom（下端揃え）にすると下の余白が無くなる
vertical-align: bottom;
img{
margin: 0;
padding: 0;
vertical-align: bottom;
}
または、display: block;
img{
margin: 0;
padding: 0;
display: block;
}
display:blockで画像をブロック要素にするとtext-alignでの中央寄せが効かなくなるので中央寄せしたい時はmargin: 0 auto;を指定する必要がある。