Awaiting input

Email CSS Inliner

Inline CSS styles into your HTML email for better mail-client support. Runs locally in your browser.

Samples:
Save:

Awaiting input

Email CSS lint

Run lint to see email-client recommendations.

Inlined HTML

Inlined HTML will appear here.

Preview

Note: Preview is sanitized browser rendering, not an exact email-client preview. Images or external assets may be blocked by your browser/CSP.

Preview will appear after you inline the CSS.

Diff

Diff will appear once you inline the CSS.

Coverage report

Run inlining to generate a selector coverage report.

How to use

  1. Paste your HTML and CSS. Toggle “Keep style tag” to preserve the head, “Flatten max-width media” for mobile-first inlining, and “Legacy attributes” for fallback HTML attributes.
  2. Click Inline CSS, review the diff, coverage report, and client warnings, then copy or download the result once the preview looks right.
  3. Enable “Outlook-safe output” if you need table rewrites for flex layouts or to keep VML blocks intact.
  4. Run “Email CSS lint” to catch risky properties, missing alts, and table roles; use Fix common issues for quick cleanup.
  5. For best email support, stick to simple selectors (tags, classes, IDs) and essential properties.

FAQ & privacy

Does this run locally? Yes. Processing happens in your browser.

Selectors? Tag, class, and ID selectors are supported. Complex selectors may be skipped.

Why inline? Many email clients strip head styles. Inlining improves compatibility.