Что за пустое место между изображением и описанием?

Question

[1Zarkos1]

Здравствуйте.
Есть вот такой код.
Подскажите, пожалуйста, что за пустое место остается между изображением(work-item__img) и его описанием(work-item__description)? И возможно ли его убрать не задавая элементу work-item фиксированную высоту?
Спасибо.

Answer 1

[Ankhena]

display: block; для img

Comments

[Ankhena]

1Zarkos1 вопрос, кстати, задают на тостере примерно 3-5 раз в сутки. Такое ощущение, что в спецификацию вообще никто не смотрел ни разу.

[Сергей delphinpro]

Ankhena W: Да что там спецификация! Про нее большинство вообще не знает.
Люди примитивный запрос в поисковик вбить не могут.
https://www.yandex.ru/yandsearch?text=непонятный%2...
Лень или тупость - вот в чем вопрос...

Answer 2

[Дмитрий]

еще вариант сделать обертку для img и задать этой обертке line-height: 0

Comments

[Ankhena]

Дмитрий: от лишних оберток нужно избавляться, а не задавать новые.

[Дмитрий]

Ankhena W: когда нужна будет анимация (например, при ховере) для изображения или еще что-то - тогда без обертки не получиться

[Ankhena]

Дмитрий: вот когда дойдет до анимации, возможно, будет смысл в обертке. Сейчас нет.

[Дмитрий]

Ankhena W: Это все лишь вариант решения данной задачи. По поводу обертки для изображения - в большинстве случаев она используется