HTML Formatter

Format or minify HTML — copy and paste the result.

This free online HTML formatter pretty-prints or minifies HTML, with adjustable indentation. Script and style content is preserved exactly — only the surrounding markup is reformatted. Broken or unclosed tags are auto-corrected using your browser's own HTML parser. No signup, runs entirely in your browser.

Examples:

Mode

Indent

Preserved as-is

<script>...</script>
JavaScript, never reformatted
<style>...</style>
CSS, never reformatted
<pre>...</pre>
Whitespace kept exact
HTML Input

What does an HTML formatter do?

An HTML formatter takes markup and re-outputs it with consistent, readable indentation — turning a dense, single-line HTML dump into something you can actually scan and edit. This tool parses your HTML using the browser's own built-in HTML parser (the same engine that renders any webpage), so it handles real-world, imperfect HTML the way a browser actually would.

Format vs minify

Format (pretty-print) adds indentation and line breaks so nested elements are easy to read — pick 2 spaces, 4 spaces, or a tab. Minify does the opposite: it strips insignificant whitespace between tags, producing more compact markup — useful before shipping a static HTML file where readability doesn't matter. Either way, the content of <script>, <style>, and <pre> tags is left exactly as written.

Auto-fixing broken HTML

Unlike XML, HTML doesn't require every tag to explicitly close — browsers know that a new <p> or <li> implicitly closes the previous one, and self-closing elements like <br>, <img>, and <input> never need a closing tag. Because this tool uses the browser's real HTML parser rather than a strict XML-style one, pasting slightly malformed markup — a missing closing tag, an unquoted attribute — gets normalized to valid HTML automatically instead of throwing an error.

Working with other formats?

See the XML Formatter for XML, or the JSON Formatter for JSON.

Frequently asked questions

Paste your HTML into the input with the mode set to Format. It's parsed with your browser's own HTML parser and re-indented with your chosen spacing (2 spaces, 4 spaces, or a tab).
Switch the mode to Minify. The tool removes insignificant whitespace between tags, keeping the content inside <pre>, <script>, and <style> untouched, and outputs the HTML as compactly as possible.
Yes, automatically. Because the tool parses your HTML with the browser's own lenient HTML parser (the same one that renders any webpage), it corrects common issues like unclosed <p> or <li> tags the same way a browser would when displaying the page.
No. The JavaScript inside <script> and CSS inside <style> are treated as raw text and copied through exactly as written — only the surrounding HTML structure is reformatted, so your code inside those tags is never touched or re-indented.
No. Everything is parsed and formatted locally in your browser. Nothing is uploaded or stored on a server.
DesignRevision
' }, { label: 'Void elements', value: '
' }, { label: 'Unclosed tags', value: '

One

Two

  • Item
  • Item 2' }, ], get _result() { const text = this.input; if (!text.trim()) return { value: '' }; const space = this.indent === 'tab' ? '\t' : ' '.repeat(Number(this.indent)); const value = this.mode === 'minify' ? minifyHtml(text) : formatHtml(text, space); return { value }; }, get output() { return this._result.value; }, loadExample(ex) { this.input = ex.value; }, clearInput() { this.input = ''; }, async copyOutput() { const text = this.output; if (!text) return; try { await navigator.clipboard.writeText(text); } catch { const el = document.createElement('textarea'); el.value = text; document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el); } this.copied = true; setTimeout(() => { this.copied = false; }, 2000); }, })); if (window.Alpine) { register(); } else { document.addEventListener('alpine:init', register); } })();