Developer

CSS Formatter

Format CSS with readable indentation. Copy beautified output instantly.

CSS input

Formatted

.container {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background: #fff
}

.title {
  font-size: 2rem;
  color: #333
}

Related Tools

More free utilities you might find useful

Quick answers to common questions

Does it support SCSS?+

Plain CSS only. SCSS nesting may not format correctly.

Vendor prefixes?+

Preserved as-is during formatting.

Minify CSS?+

Use Code Minifier for CSS minification.

Private?+

Yes. No server upload.

Invalid CSS?+

Malformed CSS may produce unexpected formatting.

Copy formatted CSS?+

Yes.

Indentation?+

2 spaces per level.

Free?+

Yes.