Непонятный отступ у родителя div > img

[cat]

Прошу объяснить мне почему `wrapper` имеет отступ.

https://jsfiddle.net/psr1919plus21/3qbuqjuz/

Понял проблему: img – инлайновый элемент.

Решение 1: Сделать img блочным: display:block.
Решение 2: Поставить нулевой интерлиньяж: line-height: 0;

Всем спасибо)

 

p.s.:  Решение 2 не работает.

Edited June 3, 2016 by cat

[Vlad]

Это уже классическая задача. В комментариях посмотрите варианты её решения.

http://htmlbook.ru/practical/otstup-pod-izobrazheniem

[Launder]

Выставить вертикальное выравнивание, сместив картинку с базовой линии.

10 часов назад, Vlad сказал:

В комментариях

Оказывается и в форуме было.