CSS Beautifier
Format and beautify minified or messy CSS with proper indentation and spacing.
Beautify
Copy CSS
Clear
Indent:
2 spaces
4 spaces
Tab
CSS Input
body{margin:0;padding:0;font-family:sans-serif}h1,h2,h3{color:#333;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:16px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1)}@media (max-width:768px){.container{padding:8px}.card{border-radius:4px}}/* Header styles */.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.header .logo{font-size:1.5rem;font-weight:bold}.header nav a{margin-left:1rem;text-decoration:none;color:#374151}.header nav a:hover{color:#3b82f6}
Beautified Output
Need uptime monitoring?
AlertsDock