Skip to main content
CSS Properties

column-count

CSS property · 12 supported, 0 partial, 3 unsupported across 15 clients

column-count splits content into multiple newspaper-style columns. In email, the property is poorly supported — Outlook ignores it entirely, and Gmail strips it through its sanitizer. Email developers traditionally achieve multi-column layouts using nested tables instead, which is more verbose but reliably renders everywhere.

Client Support

ClientCategoryEngineSupport
GmailwebmailGmail WebSupported
Gmail AndroidmobileGmail MobileSupported
Gmail iOSmobileGmail MobileSupported
Outlook 365webmailOutlook WebSupported
Outlook (New)desktopOutlook WebUnsupported
Outlook ClassicdesktopMicrosoft WordUnsupported
Outlook iOSmobileOutlook MobileSupported
Outlook AndroidmobileOutlook MobileSupported
Apple MaildesktopWebKitSupported
Apple Mail iOSmobileWebKitSupported
Yahoo MailwebmailYahooUnsupported
Samsung MailmobileSamsungSupported
ThunderbirddesktopGeckoSupported
HEY MailwebmailWebKitSupported
SuperhumandesktopBlinkSupported

Client-by-client behaviour for column-count

Fully supports column-count (12): Gmail, Gmail Android, Gmail iOS, Outlook 365, Outlook iOS, Outlook Android, Apple Mail, Apple Mail iOS, Samsung Mail, Thunderbird, HEY Mail, Superhuman.

No support (3): Outlook (New), Outlook Classic, Yahoo Mail. Plan fallbacks for these clients before relying on column-count in production sends.

When to use column-count in email

  • Modern client-only digest layouts where content flows across two columns automatically.
  • Footer link grids in templates targeting Apple Mail and Superhuman audiences.
  • Visual experimentation in marketing emails for high-design audiences.

Rendering behaviour and edge cases

  • Outlook on Windows ignores column-count and renders all content in a single column.
  • Gmail strips column-count along with most modern layout properties.
  • Apple Mail supports column-count correctly but applies its own gutter algorithm that may not match designs.

Recommended fallback strategy

Use nested tables with width="50%" and align="left" for multi-column layouts. If you must use column-count, set up a single-column fallback inside a <!--[if mso]>...<![endif]--> conditional so Outlook still receives readable copy.

Fixes & Workarounds

Outlook (New)

Unsupported

"column-count" is not supported in this email client.

Outlook Classic

Unsupported

"column-count" is not supported in this email client.

Yahoo Mail

Unsupported

"column-count" is not supported in this email client.

Related Features

Test your email across all 15 clients

Preview rendering, catch CSS issues, and get actionable fixes — free.

Try Emailens Free

Support data last updated Apr 27, 2026 · synced from caniemail.com via @emailens/engine.