HTML Formatter
Beautify HTML with proper indentation. Free, no signup.
How It Works
Paste your HTML and click Format. The tool splits the markup so each tag sits on its own line, then re-indents it with consistent 2-space nesting. Void elements like <br> and <img> and self-closing tags are kept on a single line and do not add a level of indentation, so the output reflects the true structure of the document.
Why Format HTML?
Minified or hand-edited HTML often collapses onto a few long lines, which makes it hard to see how elements nest, spot an unclosed tag, or hand the code to a teammate. Re-indenting the markup reveals the document tree at a glance, so it is easier to review, debug, and paste into a project. Because everything runs locally in your browser, you can tidy up markup from an internal page or a private template without sending it to a third-party service.
Frequently Asked Questions
How do I format HTML online?
Paste your HTML into the box and click Format. The tool re-indents the markup with consistent 2-space nesting and shows the result below, where a Copy button puts the formatted HTML on your clipboard.
How does the formatter indent HTML?
It puts each tag on its own line and adds two spaces of indentation for every level of nesting. Closing tags step the indentation back out, so the structure of the document is easy to read.
Can I choose the indent size or use tabs?
The formatter uses a fixed 2-space indent, which is the most common convention. There is no option to switch to tabs or a different width.
Does it handle self-closing and void elements?
Yes. Void elements such as br, img, input, hr, meta, and link, along with self-closing tags, are treated as single lines and do not add an indentation level.
Is my HTML uploaded to a server?
No. Formatting runs entirely in your browser with JavaScript, so your HTML never leaves your device and nothing is uploaded, stored, or sent anywhere.