HTML Formatter and Beautifier

Format and indent HTML with proper nesting, powered by Prettier. Handles inline CSS and JavaScript inside the document. Free online beautifier.

Indent width

Line width

Input

Result

The result appears here as you type.

What this tool is for

Server-generated markup usually arrives with no indentation at all, and finding the div that never closes takes longer than it should. Formatting reveals the nesting, and embedded style and script blocks are formatted along with it.

How to use it

Paste the HTML or drop an .html file.
Pick the indentation width.
Copy the formatted markup.