Is my HTML uploaded anywhere?

No. The formatter runs entirely in your browser using JavaScript. Your markup is never sent to a server, which is why it keeps working offline once the page has loaded.

How accurate is the formatting?

The tool indents by tag nesting depth and knows which elements are void (img, br, input, meta and so on) so they never wrongly increase indentation. The contents of pre, script, style and textarea are kept verbatim. It re-lays-out the markup but does not validate it, so it will not flag invalid HTML.

Will it break my page or scripts?

No. Only whitespace between tags changes when formatting. Attribute values, text and the raw contents of pre, script, style and textarea are preserved exactly so behaviour is unchanged.

What indentation options are there?

You can choose 2 spaces, 4 spaces, or a tab character per nesting level. Pick whichever matches your project style guide.

What is a void element?

A void element has no closing tag and no children — img, br, input, meta, link, hr, and a few others. The formatter knows these never open a new indentation level, so following lines stay correctly aligned.

Does it validate my HTML?

No. It re-lays out the markup for readability but does not check for errors, so malformed HTML is reformatted as-is rather than flagged. Use a validator for correctness checks.

HTML Formatter & Minifier

HTML formatter and minifier

Paste raw or minified HTML and get back cleanly indented markup — or collapse a formatted document back to a single line. It is useful for reading minified pages, tidying copy-pasted markup, and preparing snippets for documentation.

How it works

The formatter tokenises the markup into tags and text, then walks through tracking the current nesting depth. Opening tags increase depth (and the next line is indented), closing tags decrease it, and recognised void elements (img, br, input, meta, link, hr and friends) never change depth so the lines after them stay aligned. Each level is indented by your chosen unit — 2 spaces, 4 spaces or a tab. The contents of pre, script, style and textarea are copied verbatim, because whitespace is significant inside them. Minify mode does the reverse: it strips comments and collapses the inter-tag whitespace.

Example

This one-line input:

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

formats (at 2 spaces) to:

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

It is privacy-first: the formatter is plain JavaScript that runs in your browser, so your markup never leaves your device. Only inter-tag whitespace changes — attributes, text and raw element contents are kept exactly.