Html/CSS

There is a gap below the bottom of an inline image element

Even though there is no margin or padding on the inline image element. In fact, it has nothing to do with the box model but line boxes, i.e., inline image elements by default align with the baseline of a line box, just like texts.