Markup with no breathing room
A copied template, a generated block, or a hand-edited stylesheet has lost all indentation. You cannot tell where a tag or rule ends. Re-indenting by hand is error-prone.
Indent it in place
Use the HTML / CSS Beautifier, switch between HTML and CSS mode, and paste your markup. Tags nest by indentation (HTML) or braces by indentation (CSS) so the hierarchy is visible at a glance.
Worked example
<div><p>Hello</p><span>World</span></div> expands into a readable tree. A flat CSS rule block gains per-property lines and brace alignment.
Boundaries
- Basic indentation only — it does not validate markup or resolve malformed tags.
- For strict, spec-compliant formatting, use a dedicated HTML/CSS formatter in your build.
FAQ
Will it fix broken HTML? No — it only indents what parses. Validate separately if structure is wrong.
Self-closing tags? Common void elements (br, img, input…) are treated as non-nesting.