Does CSS left, right, top, bottom Work in HTML Email?
Offsets a positioned element from its reference edges — left, right, top, and bottom.
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.
Building a new email instead of checking an existing one? MailViewr's Email Builder only lets you use CSS that's known to render across clients, so left, right, top, bottom can't sneak into your markup by accident. Open the Email Builder →