<span>
HTML element · 20 supported, 0 partial, 0 unsupported across 21 clients
<span> is supported in every email client where behavior is verified, 20 of 21 as of Sep 2, 2026; Superhuman remains untested.
- 7/7 webmail, 5/6 desktop, 8/8 mobile clients support <span> fully.
- Across all clients, only 6 of 298 tracked HTML/CSS features render identically everywhere.
Source: caniemail.com (MIT), via the Emailens engine. Last tested upstream May 8, 2020, synced by Emailens Sep 2, 2026.
The <span> element is a generic inline container and is supported in every email client. It is most useful for applying inline styles (color, font-size, font-weight) to a portion of text without breaking the surrounding flow. Some clients strip <span> styling under aggressive sanitization, so critical inline styling should also be applied on a wrapping <font> or <strong> tag where appropriate.
Client Support
| Client | Category | Engine | Support |
|---|---|---|---|
| Gmail | webmail | Gmail Web | Supported |
| Gmail Android | mobile | Gmail Mobile | Supported |
| Gmail iOS | mobile | Gmail Mobile | Supported |
| Outlook 365 | webmail | Outlook Web | Supported |
| Outlook (New) | desktop | Outlook Web | Supported |
| Outlook Classic | desktop | Microsoft Word | Supported |
| Outlook iOS | mobile | Outlook Mobile | Supported |
| Outlook Android | mobile | Outlook Mobile | Supported |
| Outlook for Mac | desktop | WebKit | Supported |
| Apple Mail | desktop | WebKit | Supported |
| Apple Mail iOS | mobile | WebKit | Supported |
| Yahoo Mail | webmail | Yahoo | Supported |
| Yahoo Mail Android | mobile | Yahoo | Supported |
| Yahoo Mail iOS | mobile | Yahoo | Supported |
| Samsung Mail | mobile | Samsung | Supported |
| Thunderbird | desktop | Gecko | Supported |
| HEY Mail | webmail | WebKit | Supported |
| Proton Mail | webmail | Proton | Supported |
| AOL Mail | webmail | AOL | Supported |
| Fastmail | webmail | Fastmail | Supported |
| Superhuman | desktop | Blink | Unknown |
Client-by-client behaviour for <span>
Fully supports <span> (20): Gmail, Gmail Android, Gmail iOS, Outlook 365, Outlook (New), Outlook Classic, Outlook iOS, Outlook Android, Outlook for Mac, Apple Mail, Apple Mail iOS, Yahoo Mail, Yahoo Mail Android, Yahoo Mail iOS, Samsung Mail, Thunderbird, HEY Mail, Proton Mail, AOL Mail, Fastmail.
Behaviour unverified in: Superhuman.
When to use <span> in email
- Applying brand color to the first word of a headline.
- Inline-styling product names, prices, or dates within paragraph text.
- Wrapping auto-detected phone numbers with explicit anchor styling to defeat client auto-linking.
Rendering behaviour and edge cases
- Spans inherit display: inline by default and cannot accept block-level styles like width or padding-top reliably.
- Outlook on Windows respects span inline styles but occasionally drops them when the span sits at the start of a list item.
- Gmail rewrites class attributes on spans, so class-based styling from <style> blocks is fragile.
Recommended fallback strategy
Apply inline styles directly on <span> elements for color or font tweaks. For block-level effects, wrap spans in a <td> or <div> instead. Combine <span style="..."> with the deprecated <font> tag for double coverage on color in legacy Outlook.
Related Features
Check your own HTML for <span>
Paste your own, or run the sample below. Analyzed in this page, with no signup and nothing stored.
Test your <span> layout across 21 email clients
Preview rendering, catch CSS issues, and see how <span> displays across Outlook, Gmail, and Apple Mail. Free, no account needed.
Instant live preview · No signup required · 21 email engines
Last tested upstream: · Last synced by Emailens:
caniemail.com (MIT) records May 8, 2020 as the last time <span> was tested in a real client, 6 years before this sync. Syncing copies that result forward, it does not re-test it. Carried in @emailens/engine data v0.12.2.