unerklärlicher Abstand unter einem Bild

Warum dieser Abstand?

Der Grund liegt darin, das ein Text eine Unterlänge, eine Oberlänge und die Grundline besitzt. Das Bild wird hier an der Grundlinie des Textes ausgerichtet und nicht an der Unterlänge.

Schuld daran ist der Standardwert von vertical-align. Dieser Wert ist mit baseline angegeben. Baseline ist jedoch die Grundlinie von dem Text und nicht die Unterlänge wie bottom. Abhilfe schaftt hier, entweder den Wert für vertical-align auf bottom oder den Wert für line-height auf 0 zusetzen.

Zur Veranschaulichung werde ich kleine Abbildungen erstellen.