Skip to main content

Our email CSS engine is open source. Give it a star on GitHub 

Emailens

CSS property · data last changed 10 Nov 2026

justify-content in email clients

Works in 13 of 21. Not supported in Gmail, Gmail Android, Gmail iOS and 5 more.

Your reader in Outlook Classic sees the email without justify-content, even if it looks right where you tested it.

caniemail (MIT) via @emailens/engine 0.18.22

What to do instead in Outlook Classic

Use HTML table cell alignment (align="center", align="right") and explicit spacer columns (<td width="20">) to distribute items horizontally. For centering single elements, pair margin: 0 auto on tables with align="center" on container cells for universal cross-client coverage.

There is no drop-in fix for justify-content in Outlook Classic. Design so the email still reads without it.

The checker needs a computer screen.

A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →

Every account includes one free real-device check in classic Outlook, Outlook for Mac and Apple Mail, after you verify your email and run one preview, while this month's free capacity lasts. How real-device checks work →

justify-content is not among the 24 features we have screenshotted on real installs. The ones we have →

All 21 clients, problems first

ClientSupport
Gmail Not supported
Gmail Android Not supported
Gmail iOS Not supported
Outlook Classic Not supported
Yahoo Mail Not supported
Yahoo Mail Android Not supported
Yahoo Mail iOS Not supported
AOL Mail Not supported
Works in 13: Outlook 365, Outlook (New), Outlook iOS and 10 more. Show all
ClientSupport
Outlook 365 Works
Outlook (New) Works
Outlook iOS Works
Outlook Android Works
Outlook for Mac Works
Apple Mail Works
Apple Mail iOS Works
Samsung Mail Works
Thunderbird Works
HEY Mail Works
Proton Mail Works
Fastmail Works
Superhuman Works

How justify-content behaves

The justify-content property defines how the browser distributes space between and around content items along the main axis of a flex container. While values like space-between and center are standard for web headers and button bars, in HTML email justify-content is unsupported by Gmail, Yahoo Mail, and Outlook Classic, which limits its standalone utility for critical layout alignment.

  • Gmail drops justify-content entirely, causing child elements to bunch together at the start of the container.
  • Outlook Classic ignores justify-content; elements remain aligned based on parent table alignment attributes.
  • Apple Mail and Outlook 365 correctly render all justify-content values including space-between, space-around, and space-evenly.

Questions

How do I space items evenly across an email header without justify-content?

Use a multi-cell <table> where each item resides in its own <td>, separated by explicit spacer cells or percentage widths (e.g., width="33%") with text-align: center.

Does justify-content: center work in Gmail?

No. Gmail strips flexbox alignment properties. Use text-align: center on wrapper elements or align="center" on container tables instead.

Your next question

Every feature in Outlook Classic · All email CSS features · What real installs show

Get new email CSS fixes by email.

caniemail (MIT) via @emailens/engine 0.18.22 · tested upstream 9 Mar 2021 · data last changed 10 Nov 2026 · Outlook (New) cells are the engine's mapping