Tailwind spacing
Updated 2026-02-09
Tailwind CSS spacing scale (padding, margin, gap). Rem-based values from 0 to 96 and arbitrary values.
Scale (rem)
0, 0.5 (2px), 1 (4px), 1.5, 2, 2.5, 3, 3.5, 4, 5, 6, 7, 8, 9, 10, 11, 12, 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96. Use as p-4, m-2, gap-3, etc.
Common classes
p-4 padding, m-4 margin, px-4 py-2 horizontal/vertical, space-x-2 gap between children (horizontal), gap-4 flex/grid gap. Negative: -m-4, -top-2. Fraction: w-1/2, w-full.