Set margin, padding, border, and size to see the box model live.
The box model
Every element has four layers: margin → border → padding → content. Understanding this is key to debugging layout issues.
Use box-sizing: border-box to make width include padding and border — it’s what every CSS reset does.