HTML Formatter
Format and beautify HTML markup.
Last updated:
About the HTML Formatter
Markup that has been generated, minified or edited by several people stops showing its own structure, and this re-indents it so nesting is visible again, with block elements on their own lines. Content and attributes are preserved exactly — only the whitespace between tags changes — so the formatted document renders as the original did. It is most useful when you have inherited a template and need to find where a container actually closes, or when a fragment copied out of dev tools needs to go back into a repository readable. Two limits matter. Whitespace is meaningful inside `<pre>` and `<textarea>`, and between inline elements it can affect rendered spacing, so check those areas after formatting rather than assuming nothing moved. And this tidies markup rather than repairing it: an unclosed tag stays unclosed and will not be reported. Formatting two versions the same way before comparing them is also the quickest way to see what genuinely changed.
How to use it
- Paste your HTML.
- Format, then copy the tidied markup.
Things worth knowing
- Whitespace is meaningful inside <pre> and <textarea>, and between inline elements it can affect rendered spacing. Check those areas after formatting.
- This tidies markup rather than repairing it — unclosed tags stay unclosed.