🍋 CSS Tools
CSS Beautifier
chars
words
sentences
lines
Formatting Options
Results
Result
About CSS Beautifier
Format and indent CSS code with proper spacing, brace placement, and comment preservation.
How It Works
Parses CSS structure to reformat with configurable indentation (2, 4, or 8 spaces) and brace style (same-line or new-line). Comments are preserved via base64 encoding during the formatting pass, then restored. Adds blank lines between rule blocks for readability.
Frequently Asked Questions
Are my comments preserved?
Yes. Comments are temporarily encoded during formatting and restored in their original positions.
What brace styles are supported?
Same-line (K&R style, default) and new-line (Allman style). Choose in the options panel.