What is an inline CSS converter?

It takes an email HTML file that uses a block and moves matching rules onto each element as inline style attributes, so the same markup renders consistently in clients that ignore stylesheets. This is the same process the popular Juice and Premailer libraries perform.

Why do emails need inline styles?

Email clients are far less consistent about supporting blocks than browsers. External stylesheets are essentially unsupported, and is unreliable in older Outlook and some webmail. Inline styles are the safest way to guarantee consistent rendering.

What happens to media queries and :hover rules?

They cannot be inlined, so they are preserved in a block in the head of the output. Responsive rules keep working for clients that support , and hover/active states still apply. Base styles from the same rule are inlined onto the element as well.

How does specificity and !important work?

Rules are applied with a real browser cascade: higher specificity wins, later source order breaks ties, and !important declarations override normal ones. Existing inline styles win unless a stylesheet rule is !important — matching how browsers resolve conflicts.

Will it overwrite my existing inline styles?

By default existing inline styles are kept and take priority in the cascade. If you want a clean slate, enable "Overwrite existing inline styles" and the converter resets each style attribute before inlining from your stylesheet.

Are Outlook MSO conditional comments preserved?

Yes. ... comments are preserved exactly, so bulletproof Outlook column tricks and other conditionals keep working in the converted output.

Is my HTML uploaded anywhere?

No. Everything runs locally in your browser. Your markup never leaves your machine.

Inline CSS Converter

Convert your email CSS into inline styles automatically. Advanced CSS inliner that preserves media queries and :hover rules, respects specificity and !important, keeps existing inline styles, and leaves MSO conditional comments intact. Copy or download client-ready HTML. Free online tool.

Paste Your Email HTML

Inline CSS from <style> blocks Keep existing inline styles Preserve !important Keep media queries & :hover rules Remove source <style> tags

Converted HTML

Preserved rules (media queries, :hover/:focus, @rules)

Inline CSS Converter

About Inline CSS Converter