Ongewenste witruimte onderaan afbeelding

maandag 2 september 2013

Een afbeelding is een inline element. De afbeelding zit dus op de basislijn van uw tekst. Dit kan als gevolg hebben dat als een afbeelding in een div geplaatst wordt er een ongewenste witruimte onderaan de afbeelding te zien is.

Dit kan je met CSS eenvoudig oplossen, er bestaan drie oplossingen.

img { display: block; }
img { vertical-align: bottom; }
img { display: line-height: 0; }