Image inside div has extra space below the image

Wide-eyed Weasel answered on February 1, 2022 Popularity 3/10 Helpfulness 1/10

answer Image inside div has extra space below the image

Image inside div has extra space below the image

Comment

By default, an image is rendered inline, like a letter so it sits on the same line that a, b, c and d sit on.

There is space below that line for the descenders you find on letters like g, j, p and q.

Demonstration of descenders

You can:

adjust the vertical-align of the image to position it elsewhere (e.g. the middle) or
change the display so it isn't inline.

Popularity 3/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: extra image space whatever

Link to this answer
Share Copy Link

Contributed on Feb 01 2022

Wide-eyed Weasel

0 Answers Avg Quality 2/10

Image inside div has extra space below the image

Contents

More Related Answers

Image inside div has extra space below the image

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.