CSS Box Model Visualizer

Adjust values to see how margin, border, padding, and content affect total element size.

Margin
Border
Padding
Content
Margin
Border
Padding
Content
Margin
Border
Padding
Content
Box Sizing
border-box (default: content-box)
Total Size