Встроенные элементы выровнены по вертикали к базовой линии, а не к самой нижней части вмещающего блока. Это связано с тем, что тексту для спусков нужно небольшое пространство внизу - хвосты на буквах вроде строчных букв «p». Таким образом, есть воображаемая линия на небольшом расстоянии над дном, называемая базовой линией, и встроенные элементы по умолчанию выровнены с ней.
Есть два способа решения этой проблемы. Вы можете либо указать, что изображение должно быть выровнено по вертикали снизу, либо установить его как элемент блока, и в этом случае оно больше не рассматривается как часть текста.
В дополнение к этому в Internet Explorer есть ошибка синтаксического анализа HTML, которая не игнорирует конечные пробелы после закрывающего элемента, поэтому удаление этих пробелов может быть необходимо, если у вас возникают проблемы с совместимостью с Internet Explorer.