Browsers render images
inline which adds space for letters and their descenders around an image. The easiest way to remove this space is to set an image’s display property to
However, if you don’t want it to display as a block, you can also align the image to the middle of the line so it will have even spacing on the top and bottom:
I recommend making the selector slightly more specific than my fix above (like
.containerElement img) to avoid alignment errors for the rest of the images on your site.