CSS Box Model Visualizer

Interactive tool to visualize and adjust the CSS box model. See margin, border, padding, and content dimensions live.

box-sizing: content-box;
width: 200px;
height: 100px;
padding: 20px;
border: 2px solid #333;
margin: 10px;