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

Question

[InnocentMadara]

Есть html код с блоком и изображением внутри. Изображение 380x250 пикселей. Никаких стилей нету, но высота блока всегда на 4 пикселя больше, и снизу пустое пространство, если сменить высоту картинки то пространство в 4 пикселя никуда не исчезает. Если задать явно блоку высоту, то всё хорошо работает, но можно ли сделать так что бы высота блока подстраивалась под изображение?

<div class="image-block">
        <img src="тут изображение 380x250px" alt="" />
      </div>

Answer 1

[Ankhena]

Можно задать картинке vertical-align: top
Можно задать ей display: block
Можно обертке font-size: 0 (не люблю такой способ)