Loading...
Interactively explore and tweak the CSS box model — margin, border, padding, and content. Generate CSS or Tailwind code instantly.
width: 200px; height: 120px; margin: 20px; border: 2px solid currentColor; padding: 16px;
See changes update in real-time on the diagram and in generated code
Toggle linked mode to set all sides at once or control each independently
Get Tailwind CSS classes alongside standard CSS output