Table element margins and padding in Outlook 2007 through 2016 can cause issues If it weren’t for Outlook clients, we could literally use HTML5 for emails. Outlook only respects s, so keep any spacing specifications to those. One such quirk is that Outlook email clients don’t acknowledge tags, which renders any contained padding specifications worthless. Outlook padding comes with its own set of quirks. Here are a few tricks to help ensure your HTML email padding plays nicely with this slippery-as-they-come email client: Outlook doesn’t acknowledge s or their padding attributes It should come as no surprise that if a healthy number of your subscribers are Outlook users, adjustments must be made to accommodate.
They create a space between the content’s cell and either other content elements or the email’s borders.Īs you may have guessed, not all email clients and devices have the same standards when it comes to margins and padding. Margins are a way to create spacing outside of a table cell using CSS style=”margin: 20px ” (or however many pixels you want it to be).
DISPLAY TABLE CELL MARGIN CODE
With that, it’s best to use cellpadding in an email’s code where the spacing won’t need to be adjusted for different screen sizes. Since is an HTML attribute, it can’t be overridden with a CSS media query to optimize for mobile. The blue represents the content in that specific cell, and the white space around it indicates the padding in pixels between the content and edge of the cell. The HTML attribute specifies the space, in pixels, between a table data’s cell wall,, and the content inside. So, what’s the difference between margins and padding in an email? Padding They allow different creative elements and email content to breathe and flow seamlessly, without making the message feel too crammed. Margins and HTML email padding go a long way to ensure a smooth user experience within an email.