In this example we’re using a table row with an empty 20 pixel height cell in it to add spacing between two images that are stacked vertically.
While this can be a great method to quickly add some extra spacing around images without needing to dive into inline styling and modifying your CSS, it does have the drawback of adding a fair amount of code bloat.
Doing this in more than one or two places throughout your email could lead to inflated file sizes and it’s important to remember that your.
Including an is crucial for achieving consistent rendering across various email clients. However, as with many aspects of email code, it can sometimes lead to unexpected side effects.
One particular side effect that arises from including the HTML5 doctype in your email is the introduction of extra space below images when viewed in Gmail and Outlook.com. This issue can significantly impact the experience of your subscribers, especially if your
Struggling with extra space under your images in Gmail and Outlook? Don’t worry, the fixes below will help you eliminate those pesky spaces.
Add style=”display: block” to your image
This is the most popular fix for the extra space below images in Gmail and Outlook. Simply add the code from below to your images and it’ll most likely remove the extra spacing.
