Landings

Tailwind CSS

Line Height

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

ClassProperties
leading-3line-height: .75rem; /* 12px */
leading-4line-height: 1rem; /* 16px */
leading-5line-height: 1.25rem; /* 20px */
leading-6line-height: 1.5rem; /* 24px */
leading-7line-height: 1.75rem; /* 28px */
leading-8line-height: 2rem; /* 32px */
leading-9line-height: 2.25rem; /* 36px */
leading-10line-height: 2.5rem; /* 40px */
leading-noneline-height: 1;
leading-tightline-height: 1.25;
leading-snugline-height: 1.375;
leading-normalline-height: 1.5;
leading-relaxedline-height: 1.625;
leading-looseline-height: 2;