← Development tools
DEVELOPMENT
CSS Formatter
Format CSS selectors and declarations with readable indentation.
Enter values to runLoad from a CSS fileYou can also type directlyOr drop a CSS file into this area.
Result
Example result
.card {
color: #222;
padding: 16px;
}Run the tool with your input to replace this example with the actual result.
STEPS
How to use
- Paste your CSS code or load a .css file.
- Run the tool to indent selectors and declarations by nesting level.
- Copy the formatted CSS into your stylesheet.