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

vertical-align in email clients

Works in all 21.

caniemail (MIT) via @emailens/engine 0.18.22

The checker needs a computer screen.

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

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

All 21 clients

ClientSupport
Gmail Works
Gmail Android Works
Gmail iOS Works
Outlook 365 Works
Outlook (New) Works
Outlook Classic Works
Outlook iOS Works
Outlook Android Works
Outlook for Mac Works
Apple Mail Works
Apple Mail iOS Works
Yahoo Mail Works
Yahoo Mail Android Works
Yahoo Mail iOS Works
Samsung Mail Works
Thunderbird Works
HEY Mail Works
Proton Mail Works
AOL Mail Works
Fastmail Works
Superhuman Works

How vertical-align behaves

vertical-align controls how inline-level and table-cell elements align relative to their baseline or container. In email, it is most often used on table cells to anchor content to top, middle, or bottom, but its inline-element behavior is one of the most misunderstood corners of CSS.

  • On <td>, vertical-align maps to the valign attribute and is reliably honored across clients.
  • On inline elements, vertical-align aligns to the surrounding text baseline, not the parent's box, which surprises web developers.
  • Outlook Classic sometimes ignores middle alignment when row heights are unequal across columns.

Use the valign HTML attribute alongside vertical-align CSS on table cells. For inline-element alignment, prefer wrapping the content in a <td> rather than fighting baseline math.

Your next question

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 21 Dec 2020 · data last changed 10 Nov 2026 · Outlook (New) cells are the engine's mapping