Por que há um pequeno espaço entre <img> e outros elementos?
Se um<div>
ou qualquer outro elemento segue uma<img>
, em seguida, um espaço em branco ~ 3px aparece entre eles - mesmo semargins
são zerados.
<img src="example-fractal-art.png">
<div>What is with that gap?<div>
Aqui está o que parececom algum CSS.
Agora é muito fácil de jogardisplay: block
no CSS eresolva o problema. Mas por que isso está aí? Não há margens computadas, preenchimento, bordas ou qualquer coisa assim.
O que os navegadores estão fazendo? Alguém até ligou"Magia".
P.S. Alternativamente, em alguns casos, é possível resolver issoremovendo o espaço em branco no código HTML. (Mas issonão funciona neste caso, por quê?