Si un<div> o cualquier otro elemento sigue una<img>, entonces aparece un espacio en blanco de ~ 3px entre ellos, incluso simargins son cero

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

Esto es lo que parececon algo de CSS.

Ahora es bastante fácil de lanzardisplay: block en el CSS yresolver el problema. Pero ¿por qué está allí? No hay márgenes computados, rellenos, bordes, ni nada de eso.

¿Qué hacen los navegadores? Alguien incluso lo llamó"mágico".

PD Alternativamente, en algunos casos, es posible resolver esto poreliminando espacios en blanco en el código HTML. (Pero esono funciona En este caso, ¿por qué?