Line Height

Controls the line height of an element.

Class	Property
lh-1	line-height: 1;
lh-2	line-height: 1.25;
lh-3	line-height: 1.375;
lh-4	line-height: 1.5;
lh-5	line-height: 1.625;
lh-6	line-height: 2;

---

Using responsive modifiers

Using responsive breakpoints like sm:lh-*, md:lh-*, lg:lh-*, and xxl:lh-* allows targeting specific utilities in different viewports.

<div class="lh-1 md:md:lh-2 ..."></div>

Using hover modifiers

Using :hover modifiers such as h:lh-* allows you to override elements and change their values when hovering over them.

<div class="lh-1 h:h:lh-2 ..."></div>