У меня есть тег, окружающий изображение. У меня есть граница, установленная на div, в которой находится тег. У меня есть как margin, так и padding, равный 0, но по какой-то причине мой тег все еще на 3 пикселя выше моего изображения. Это оставляет немного пространства между изображением и границей, что разрушает внешний вид, который я хочу выполнить.
Что я делаю неправильно? Я тестировал как в FireFox, так и в Chrome с теми же результатами. Благодаря
Изображение display: inline, поэтому оно обрабатывается как символ и находится на базовой линии. Этот пробел вызван пространством, предоставленным для descender (которое вы найдете на таких буквах, как j, g, y и p).
Откорректируйте vertical-align с помощью CSS: img{vertical-align: bottom}
display:block достаточно для этого, если элемент не имеет братьев и сестер.