HTML Formatter

Beautify and indent raw HTML markup.

HTML Input

Formatted

<section>
  <h1>
    Title
  </h1>
  <p>
    Hello
    <strong>
      world
    </strong>
  </p>
  <ul>
    <li>
      One
    </li>
    <li>
      Two
    </li>
  </ul>
</section>

Indenting HTML Markup

This formatter places each element on its own line and indents children under their parents, while keeping void elements (like <br> and <img>) on a single line. It's great for making minified or copy-pasted markup readable. Processing is 100% local — nothing is uploaded.

Frequently Asked Questions

Will formatting change how my HTML renders in a browser?

No. HTML ignores whitespace in most contexts (except inside <pre> and <textarea>). The formatter only adds/removes indentation, so the page renders identically before and after.

Is my HTML private when I use this tool?

Completely. All formatting runs as JavaScript in your browser — nothing is sent to a server. You can safely format HTML containing API keys, internal URLs, or unreleased content.

Can it handle minified single-line HTML?

Yes. Paste minified HTML — even multi-kilobyte single-line output from a build tool — and the formatter expands it into properly indented, readable code.

Does the formatter validate HTML too?

It flags structural issues it cannot parse, but it doesn't enforce W3C rules. For full HTML validation, paste the formatted output into the W3C Markup Validation Service.

What indentation style does it use?

Two spaces by default (the most common convention for HTML). The formatter normalizes mixed tabs/spaces to a consistent 2-space indent and preserves your attribute order and values exactly.

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