Formatter Hub
Free Online Tools
JSON
CSS
HTML
SQL
YAML
Format
Minify
Sort Props
↓
↑
✕
Input
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/* Sample CSS */ .container{max-width:1200px;margin:0 auto;padding:20px} .header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:40px 20px;text-align:center} .btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s} .btn-primary{background:#667eea;color:white;border:none} .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)} .title{font-size:2.5rem;font-weight:700;margin-bottom:10px} .subtitle{font-size:1.125rem;opacity:.9}
Output
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Formatted CSS will appear here...