Откуда разница в высоте ссылки и вложенного в неё изображения?

Question

[UnknownNoName]

Есть тег <a> и вложенное в него изображение <img>. А именно:

<a href="" class="header__logo">
  <img src="img/header/Header__logo.png" width="120px" height="37px" alt="">
</a>

При заданной высоте изображения в 37px высота ссылки становится равной 39px.


При изменении высоты изображения на любое другое значение высота ссылки принимает значение на 2px больше.
Что это за магия такая? И как же избавиться от этих 2px?

Answer 1

[YavaDev]

Пропишите в css для изображения dispay: block

Comments

[UnknownNoName]

Спасибо, ваш совет решил проблему, но хотелось бы узнать подробней из-за чего появляется эта разница в высотах.

[Softlink]

UnknownNoName, https://qna.habr.com/answer?answer_id=1766069#answ...

[DontUseYourHose]

Thank you very much!