HTML Formatter

Format HTML code with proper indentation.

Result

Related tools

How it works

  1. 1Paste HTML (minified or unformatted) into the input area.
  2. 2The tool parses the HTML and adds proper indentation.
  3. 3Nested elements are indented for readability.
  4. 4Copy the formatted output.

Example

Input: <div><p>Hello</p></div>
Output: <div>
  <p>Hello</p>
</div>