Почему img не занимает всё простраство блока?

Question

[tseries Task]

Заметил, что блок всегда чуть больше по высоте, чем картинка в нем.
Почему так происходит и как это убрать?
вот пример на codepen:
https://codepen.io/anon/pen/OamvoV

Answer 1

[Андрей Иванов]

img {
  display: block;
  max-width:100%;
}

Answer 2

[Александр Белькевич]

Картинке задайте display:block

Comments

[tseries Task]

стыдно то как))) спасибо)))

Answer 3

[азаза]

img{vertical-align:middle;}