BaselineLab

CSS padding generator

Explore padding with interactive controls for all sides, per-side, or per-axis spacing, switch units, and compare physical and logical properties.

padding
HTML 
<div class="padding">
  <div>padding</div>
</div>
CSS 
.padding {
  padding: 24px;
}