Remove white space below image [duplicate]

Question

This question already has an answer here:

• Image inside div has extra space below the image 9 answers

In Firefox only my video thumbnails are displaying mysterious 2-3 pixels of white space between the bottom of my image and its border (see below).

I've tried everything I can think of in Firebug with no luck.

How can I remove this white space?

Answer 1

You can use code below if you don't want to modify block mode:

img{vertical-align:text-bottom}

Or you can use following as Stuart suggests:

img{vertical-align:bottom}

Answer 2

.youtube-thumb img {display:block;} or .youtube-thumb img {float:left;}

Answer 3

You're seeing the space for descenders (the bits that hang off the bottom of 'y' and 'p') because img is an inline element by default. This removes the gap:

.youtube-thumb img { display: block; }