CSS Box Model Playground
Move the sliders and watch margin, border and padding change a real box.
margin
24px
border-width
8px
padding
20px
width
220px
border-style
solid
dashed
dotted
double
groove
ridge
inset
outset
border-radius
0px
box-sizing:
content-box
Reset
margin
border
padding
content
content
Your CSS
Copy