CSS Spacing Generator

Understand the box-model of margin, padding, and border visually — a DevTools-style layered diagram with live CSS.

All sides 20px

All sides 20px

Width 2px

100% browser-based — no data sent to any server

margin

border

padding

content

style.css