ZeroServer.tools

CSS Inliner

Convert stylesheet rules into inline style attributes. Essential for HTML email templates.

HTML

CSS (external/additional)

Output (inlined HTML)

<div class="container">
  <h1 class="title">Hello World</h1>
  <p class="text">This is a paragraph with <a href="#" class="link">a link</a>.</p>
  <button class="btn btn-primary">Click me</button>
</div>

Why inline CSS for emails?

Email clients like Gmail, Outlook, and Apple Mail strip or ignore <style> tags and linked stylesheets. Moving all CSS declarations into style="" attributes ensures consistent rendering across every email client. This tool parses your CSS selectors, applies specificity ordering, and injects the computed styles directly onto each element.

Private & free — this tool runs entirely in your browser.