Line Height

Utilities for controlling the leading (line height) of an element.

Class CSS Output
leading-tight
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
leading-snug
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
}
leading-relaxed
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
leading-[value]
line-height: [value]
}

leading-tight

--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);

leading-snug

--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);

leading-relaxed

--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);

leading-[value]

line-height: [value]

Reference

line-height MDN ↗

CSS Properties

  • line-height