Почему появляется отступ после изображения?

Question

[romaro]

Делаю компонент модального окна и не могу понять, почему помещенная в него картинка добавляет лишний отступ. Грязный хак margin-bottom: -4px на изображении решает эту проблему, но хотелось бы разобраться.

Comments

[Ankhena]

Потому что после инлайновых элементов добавляется пробел.

Чтобы его убрать, можно задать для img display block или указать в явном виде vertical-align со значениями top или bottom (какими-то ещё, я забыла за ненадобностью)

Answer 1

[Андрей Мартынкевич]

укажите

img{
   display:block
}