CSS Box Model Visualizer

Enter content size, padding, border and margin to see the box model live.

Content Width

Content Height

box-sizing

Padding (T R B L)

Border (T R B L)

Margin (T R B L)

Total Width

—

Total Height

—