HTML Formatter

Free No sign-up Nothing stored

Indent HTML so the structure of the page is easy to see.

How to use

1 Paste a full HTML page or just a piece of HTML into the Input box.
2 Choose the indent size and press Format.
3 Each tag goes on its own line. This makes the structure easy to read; for pages where spaces between inline tags matter, check the result before using it.

Input

<ul><li>One</li><li>Two</li></ul>

Output

<ul>
  <li>
    One
  </li>
  <li>
    Two
  </li>
</ul>

Format, validate and minify JSON in one click.

Turn messy or minified CSS into clean, readable code.

Indent and tidy JavaScript so it is easy to read.