HTML Formatter

Paste messy HTML into the input and Beautify indents it by walking each tag, opening a new level when an element opens and closing it back out so the structure reads cleanly. Choose a 2 or 4 space indent, or hit Minify to collapse the whitespace between tags into one line. It updates as you type, right in the browser.

Void elements like br, img, hr, input, link and meta never open a new indent level, since they have no closing tag. Inline elements such as a, strong, em, span and code are kept tight to their text rather than being pushed onto their own line, so a short link inside a sentence stays readable instead of getting exploded across three lines.

Their contents are pulled out and protected before formatting, then restored verbatim afterward, so the formatter never re-indents or collapses the whitespace inside a pre, textarea, script or style block. HTML comments are protected the same way, and in Minify mode comments are dropped while everything else comes back untouched.

Beautifying adds indentation and line breaks so a human can read the nesting, which is what you want while editing or reviewing. Minifying strips the whitespace between tags and removes comments to shrink the byte size for transport, which is what you want for production. This tool does both from the same paste, so you can flip between them.

No. The formatter runs completely in your browser and nothing is uploaded, so your markup stays on your device. That is handy when the snippet is an internal email template or a component you are not ready to share.