CSS margin generator

Explore margin with interactive controls for all sides, per-side, or per-axis spacing, switch units, compare physical and logical properties, and use auto to push or center the block.

margin

HTML

<div class="margin">
  <div>margin</div>
</div>

CSS

.margin {
  margin: 24px;
}