> For the complete documentation index, see [llms.txt](https://codennerd.gitbook.io/cxcss/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codennerd.gitbook.io/cxcss/product-guides/typography/line-height.md).

# Line Height

## `.line-height-normal`

Sets the line-height property to `normal`, allowing the browser to determine the appropriate line height based on the font and content.

CSS equivalent: `line-height: normal;`

Example usage:

```html
<div class="line-height-normal">This element has normal line height.</div>
```

***

## `.line-height-{number}`

Sets the line height of the text content.

CSS equivalent: `line-height: {number}px;`

Example usage:

```html
<div class="line-height-24">This text has a line height of 24 pixels.</div>
```

The line-height property controls the spacing between lines of text within an element. Use these classes to apply specific line-height values or reset to the default behavior.