Пробел внизу тега привязки

Question

У меня есть тег, окружающий изображение. Я установил границу для div, в котором находится тег. У меня установлены поля и отступы, равные 0, но по какой-то причине мой тег все еще на 3 пикселя выше моего изображения. Это оставляет немного пространства между изображением и границей, что разрушает внешний вид, который я хочу достичь.

Что я делаю не так? Я тестировал в FireFox и Chrome с одинаковыми результатами. Спасибо

Answer 1

Изображение display: inline, поэтому оно рассматривается как символ и располагается на базовой линии.Пробел вызван пространством, предусмотренным для спускового устройства (которое вы найдете на таких буквах, как j, g, y и p).

Настройте vertical-align с помощью CSS: img{vertical-align: bottom}

Answer 2

display:block достаточно для этого, если элемент не имеет братьев и сестер.