Definition
Email table spacing refers to the management of padding, margins, and gaps between cells and rows within the table-based layouts commonly used for email HTML. Because email clients have limited CSS support, spacing is often applied through cellpadding, cellspacing, or inline padding rather than modern CSS margins. Proper spacing creates the visual breathing room that makes an email readable.
How It Works
Most production emails are built with nested HTML tables to ensure consistent rendering across clients like Outlook, which rely on Microsoft Word's rendering engine. In these tables, vertical spacing is typically created with empty rows, spacer cells, or explicit padding on cells, while horizontal spacing comes from padding within table cells. Margins on paragraphs and headings are unreliable across clients, so senders often reset them and apply padding instead.
Effective spacing establishes a rhythm. Generous padding around the email header, between sections, and around buttons helps separate content into digestible blocks. Too little spacing makes an email feel cramped and hard to scan; too much pushes content below the fold. The goal is consistent, intentional gaps that reinforce the email's visual hierarchy.
Best Practices
- Use a consistent padding scale, such as 20 to 32 pixels between major sections.
- Apply spacing with cell padding and spacer cells rather than CSS margins.
- Keep buttons surrounded by enough padding to prevent accidental taps on mobile.
- Avoid excessive stacked spacers that create large empty areas.
- Reset default paragraph margins and rely on controlled padding for predictability.
Example
A SaaS company's onboarding email uses a single-column table with 24 pixels of padding inside each cell and 16 pixels between stacked content blocks. Headings, body text, and the primary button each have clear separation, making the message easy to scan. The controlled spacing contributes to the email's visual hierarchy and keeps the layout consistent across Outlook, Gmail, and Apple Mail.
Was this useful?
Related Glossary Terms
Above the Fold in Email
Above the fold in email refers to the content visible to a recipient before they scroll, a critical area for first impressions and primary calls to action.
Accessible CTA (Email)
An accessible CTA is a button or link coded with sufficient colour contrast, visible focus states, descriptive screen-reader text, and a minimum touch target of 44×44 pixels.
Adaptive Design
Adaptive design in email uses predefined layouts that adjust to specific device or client widths, rather than fluidly resizing to every possible screen.
AI Content Detection
AI content detection refers to the growing ability of email clients, spam filters and consumers to identify machine-generated email copy. It matters for deliverability, trust and engagement in an era of mass-produced AI marketing email.
AI-Generated Content in Email
AI-generated content in email is copy, images, code or subject lines produced by artificial intelligence tools to speed up campaign production and testing.
Alt Text
Alt text is the written alternative to an image in an email, displayed when images are blocked, slow to load, or consumed by screen readers.
Frequently Asked Questions
Several email clients ignore or inconsistently apply CSS margins, so padding on table cells is more reliable for creating space.
A spacer cell is an empty table row or cell used to add vertical space between sections when padding is not sufficient or supported.
Yes. Spacing must be adjusted at the mobile breakpoint to keep layouts compact and avoid excessive scrolling on small screens.