Abstand unter Bildern

Gelegentlich möchte man Bilder, die per IMG-Tag eingebunden sind, bündig ans nächste Element anschließen lassen. Doch es entsteht eine merkwürde Lücke bzw. Spalt direkt unterhalb des Bildes. Warum ist dem so?

Die Unterkante des Bildes wird an der Grundlinie der Schrift ausgerichtet. Unter dieser Grundlinie gibt es noch die sogenannte Unterlänge eines Bildes. Diese Unterlänge ist für den Abstand zum nächsten Element verantwortlich und wird durch die p-Linie begrenzt.

Wir müssen also nur noch erreichen, dass die Grundlinie mit der p-Linie zusammen fällt, damit der Abstand unter dem Bild verschwinden kann. Dies erreichen wir, in dem wir dem Bild ein line-height:0; mitgeben.