← CSS Support IndexDoes CSS
Does CSS display Work in HTML Email?
Sets whether an element is treated as a block or inline element and the layout used for its children.
Quick Answer
Does display work in HTML email?
The CSS display property is supported in all major email clients tested. You can use it with confidence in your HTML emails.
Which Email Clients Support CSS display?
CSS support for display across email clients
| Email Client | Desktop | Mobile / Web | Notes |
|---|---|---|---|
| Gmail | ✓ Yes | ~ Partial | — |
| Outlook (Windows) | ~ Partial | ? | — |
| Outlook (Mac / Web) | ✓ Yes | ✓ Yes | — |
| Apple Mail | ✓ Yes | ✓ Yes | — |
| Yahoo! Mail | ~ Partial | ~ Partial | — |
| Samsung Email | ? | ✓ Yes | — |
| Thunderbird | ✓ Yes | ? | — |
| ProtonMail | ✓ Yes | ✓ Yes | — |
| Fastmail | ~ Partial | ? | — |
Notes
- #1 Partial. `flex`, `grid`, `flow-root`, `contents`, `inline flow-root`, `inline flex`, `inline grid`, `initial`, `revert`, `unset` are not supported with non Google accounts.
- #2 Partial. `inline-flex`, `inline-grid`, `flex`, `grid`, `flow-root`, `contents`, `inline flow-root`, `inline flex`, `inline grid`, `initial`, `revert`, `unset` values are not supported.
- #3 Buggy. Only the first value is kept with the two-value syntax.
- #4 Buggy. `display:none` does not inherit to inner tables.
- #5 Partial. Only supports `display:none` (but not on `<img>`).
- #6 Partial. `flow-root`, `inline-flex`, `inline-grid`, `inline flow`, `contents`, `revert` are not supported.
- #7 Partial. Two-value syntax are combined into a single one with a dash.
Frequently Asked Questions
Related CSS Properties
Test Your Email Now
Paste your HTML and see how it renders in clients that don't support display.