Почему появился зазор между картинкой и границей

Вот пример – https://jsfiddle.net/8qzuq881/1/
Я даже убрал отступы через стили:
margin:0px; padding:0px;
Но не помогает. Как убрать зазор?

Ответ

Добавьте display на картинку:
div.pre-img>img { display: block; }
Тогда браузеры будут точно прорисовывать ее размеры.