Why do images create a gap?
I would like to ask why there is a gap around the images. Is there something about this behavior in the spec?
Simple code where you can see the gap between the images:
<style>img {width: 100px; height: 100px; background: red;}</style>
<img><br>
<img><br>
<img>
I know there are more options on how to remove this space:
- display: block;
- float
- vertical alignment
But I want to know why the gap exists, not how to remove it.
Any ideas? Thank.
0
source to share