Have you ever noticed white border issues when creating image-heavy email designs? A lot of email platforms will take an image-heavy design and break up the image quadrants to expose a white gap. This extra spacing can ruin the flow and appearance of the design and lead to rendering issues.

Luckily, there is a quick way to fix this issue by adding some additional coding into your HTML.

Simply add this line of code into the section of the template:

Then add the “display:block” tag into each of the individual images to ensure that everything lines up correctly. For instance, a typical image tag (with this additional coding emphasized in bold) would look something like this:

style=”display:block” src=”imagefile.jpg”>

By incorporating these two display block tags into your email design, you will be able to correct any rendering issues related to gaps in your images.