Workspaces1/10

CSS Formatter

Local processing

Beautify and minify CSS stylesheets

Input CSS

7 selectors · 21 properties · 394 bytes

Beautified CSS

511 bytes

If formatting fails, check the source syntax and options. Parser details are shown unchanged.

Formatting Options

Indent Size

Use Tabs

Selector Newlines

Newline Between Rules

Minified CSS

.container{display:flex;flex-direction:column;align-items:center;padding:20px;margin:0 auto;max-width:1200px}.header{background:#1677ff;color:#fff;padding:16px 24px;border-radius:8px}.nav ul{list-style:none;display:flex;gap:16px;margin:0;padding:0}.nav ul li a{color:#333;text-decoration:none;font-weight:500}@media(max-width:768px){.container{padding:10px}.nav ul{flex-direction:column}}

388 bytes (2% smaller)

Learn More About This Tool

Related tools

JavaScript Formatter

JSON Formatter

HTML Formatter

XML Formatter

SQL Formatter

YAML Formatter