Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html> <head> <style> *, *::before, *::after { box-sizing: border-box; } body { background: #f1f5f9; font-family: Arial; } .box { width: 300px; margin: 40px auto; padding: 24px; border: 3px solid #6366f1; background: white; border-radius: 8px; outline: 10px solid rgba(99,102,241,0.1); } p { margin: 0; color: #374151; } small { color: #9ca3af; } </style> </head> <body> <div class="box"> <p>Content area</p> <small>Padding: 24px | Border: 3px | Margin: 40px top/bottom</small> </div> </body> </html>
Result
Open