Inline CSS Converter
Convert CSS rules into inline style attributes on HTML elements. Perfect for email templates, ensuring compatibility across different email clients and platforms.
Why use this tool?
Email clients often strip or ignore external and embedded CSS. Converting CSS to inline styles ensures your emails look consistent across all platforms.
- Email compatibility — Works with Gmail, Outlook, Apple Mail, and more.
- CSS in HTML support — Automatically extracts CSS from <style> tags.
- Class-based conversion — Applies styles based on class selectors.
- Privacy-focused — All processing happens in your browser. No data is stored or transmitted.
- Fast and free — No sign-up, no limits, no ads.
How to use
- Paste your CSS in the left field (optional if CSS is in HTML).
- Paste your HTML (with or without <style> tags) in the right field.
- Click Convert to Inline CSS to process the code.
- Review the output with inline styles applied.
- Click Copy Output to copy the result to your clipboard.
Frequently Asked Questions
Yes, completely free with no sign-up required.
The tool supports class selectors (.classname), element selectors (div, p, etc.), and ID selectors (#idname). Complex selectors like pseudo-classes are not converted.
No, media queries cannot be inlined as they depend on viewport conditions. They are preserved in the <style> tag in the output.