Have you ever had the problem of having a little extra space under images on your website? This has been driving me crazy since I started the FancyFlickr plugin and noticed a little extra space under all of the images on my site.

The problem is that by default the bottom of images are lined up with the baseline of the text — which means the bottom of most letters, but there is still that small space for the bottoms of letters like p and q.

By default vertical-align is set to baseline. All you have to do to fix the problem is set

a img { vertical-align: bottom; }

Viola! Problem solved.