Подтвердить что ты не робот

Белое пространство внизу анкера

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

Что я делаю неправильно? Я тестировал как в FireFox, так и в Chrome с теми же результатами. Благодаря

4b9b3361

Ответ 1

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

Откорректируйте vertical-align с помощью CSS: img{vertical-align: bottom}

Ответ 2

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