HTML Formatter
Takes minified or badly indented HTML and re-indents it so the nesting structure is visible. Reading unformatted markup is painful, and mismatched tags are nearly impossible to spot without indentation.
Free, no signupRuns entirely in your browser
Input
Result
<div>
<h1>
Vibeland
</h1>
<p>
Welcome to
<b>
Productivity Paradise
</b>
</p>
<ul>
<li>
Tool 1
</li>
<li>
Tool 2
</li>
</ul>
</div>About
What the HTML Formatter does
Formatting also surfaces structural problems. Once nesting is visible, an unclosed div or a tag closed in the wrong order becomes obvious from the indentation drifting in a direction it should not.
How it works
Using the HTML Formatter
- 1Paste your HTML.
- 2The markup is parsed into its tag structure.
- 3Each nesting level is indented consistently.
- 4Void elements are handled without expecting a closing tag.
- 5Copy the formatted markup.
Use cases
What people use it for
- Making minified HTML readable for debugging
- Tidying markup exported from a page builder
- Finding an unclosed tag
- Preparing markup for review
FAQ
Frequently asked questions
6 related
All tools →