Почему между <img> и другими элементами есть досадное небольшое пространство?

Если<div> или любой другой элемент следует за<img>, между ними появляется пробел ~ 3px - даже еслиmargins ноль

<img src="example-fractal-art.png">
<div>What is with that gap?<div>

Вот как это выглядитс некоторыми CSS.

Теперь это довольно легко добавитьdisplay: block в CSS ирешать проблему, Но почему это там? Здесь нет вычисляемых полей, отступов, границ или чего-либо подобного.

Что делают браузеры? Кто-то даже назвал это«Магия».

Постскриптум Кроме того, в некоторых случаях это можно решить путемудаление пробелов в коде HTML. (Но затемне работает в таком случае почему?)