← CSS Support IndexDoes CSS
Does CSS left, right, top, bottom Work in HTML Email?
Offsets a positioned element from its reference edges — left, right, top, and bottom.
Quick Answer
Does left, right, top, bottom work in HTML email?
The CSS left, right, top, bottom property is supported in Outlook (Mac / Web), Apple Mail, Thunderbird, ProtonMail, and others. It is NOT supported in Gmail, Outlook (Windows), Yahoo! Mail. Always include a safe fallback for unsupported clients.
Which Email Clients Support CSS left, right, top, bottom?
CSS support for left, right, top, bottom across email clients
| Email Client | Desktop | Mobile / Web | Notes |
|---|---|---|---|
| Gmail | ✗ No | ✗ No | — |
| Outlook (Windows) | ✗ No | ? | — |
| Outlook (Mac / Web) | ✓ Yes | ✓ Yes | — |
| Apple Mail | ✓ Yes | ✓ Yes | — |
| Yahoo! Mail | ✗ No | ✗ No | — |
| Samsung Email | ? | ~ Partial | — |
| Thunderbird | ✓ Yes | ? | — |
| ProtonMail | ✓ Yes | ✓ Yes | — |
| Fastmail | ✓ Yes | ? | — |
Notes
- #1 Partial. `left` and `top` are not supported.
- #2 Partial. Percentages values are not supported.
Frequently Asked Questions
Related CSS Properties
Test Your Email Now
Paste your HTML and see how it renders in clients that don't support left, right, top, bottom.