CSS Code Beautifier
Paste minified or messy CSS below and get clean, readable code back — consistent indentation, one declaration per line, comments preserved, media queries nested properly.
0 characters in, 0 out
How to use
- Paste your minified or messy CSS into the input box.
- Choose indentation size and toggle the formatting options.
- Click Format CSS, then copy the result or download it as a .css file.
What the formatter does
Each rule gets its own block with the opening brace on the selector line, every declaration on its own line, and closing braces aligned with their selectors. Nested blocks such as @media queries indent one extra level. Comments are kept exactly where they were written.