HTML Beautifier

This tool tokenizes your HTML into tags and text using its own hand-written tokenizer, then re-indents based on tag nesting depth, two spaces per level. Void elements (like <br>, <img>, <input>, <meta>) don't affect indentation depth, since they never have closing tags. A single text-only child is kept on the same line as its parent tag for readability.

Unlike our XML Formatter, this tool doesn't throw an error on mismatched or unclosed tags. Real-world HTML5 permits optional closing tags for several elements (like <li>, <p>, and <td> in certain contexts), so a strict well-formedness check would produce false errors on perfectly valid HTML, this tool prioritizes producing a reasonable, readable result over strict validation.

Beautifying the minified '<div><p>Hello</p></div>' expands it back to three lines: '<div>' on its own line, ' <p>Hello</p>' indented two spaces beneath it (kept together since 'Hello' is a single text child), and '</div>' back at the left margin, restoring the readable structure that was collapsed during minification.