Блог

HTML :

 <div>
   <img src="http://static.jsbin.com/images/jsbin_16.png" />
</div>
 

CSS :

 div { border:5px solid #000; }
img { border:1px solid red; }
 

Иллюстрация проблемы :

Моя проблема заключается в пространстве под изображением, я добавил черную рамку к div контейнеру и красную рамку к img , чтобы сделать его более наглядным.

ДЕМОНСТРАЦИЯ :

JSBin

Это происходит из-за img макета, просто измените его на display: block :

JSBin

Или измените vertical-align свойство на top :

JSBin

Или установить font-size: 0 в div контейнер :

JSBin

Или установить line-height: 0 в div контейнер :

JSBin