Background Borders Display Flex Float Interactions Link Object fit Others Position Sizing Spacing Text Thumbnail Visibility z-index

Typography (typography)

Heading 1 (h1)

Heading 2 (h2)

Heading 3 (h3)

Heading 4 (h4)

Heading 5 (h5)

Heading 6 (h6)

Display heading 1 (display-1)

Display heading 2 (display-2)

Display heading 3 (display-3)

Display heading 4 (display-4)

Display heading 5 (display-5)

Display heading 6 (display-6)

Lead (lead)

Font size 1 (fs-1)

Font size 2 (fs-2)

Font size 3 (fs-3)

Font size 4 (fs-4)

Font size 5 (fs-5)

Font size 6 (fs-6)
<p class="h1">Heading 1 (h1)</p> <p class="h2">Heading 2 (h2)</p> <p class="h3">Heading 3 (h3)</p> <p class="h4">Heading 4 (h4)</p> <p class="h5">Heading 5 (h5)</p> <p class="h6">Heading 6 (h6)</p> <p class="display-1">Display heading 1 (display-1)</p> <p class="display-2">Display heading 2 (display-2)</p> <p class="display-3">Display heading 3 (display-3)</p> <p class="display-4">Display heading 4 (display-4)</p> <p class="display-5">Display heading 5 (display-5)</p> <p class="display-6">Display heading 6 (display-6)</p> <p class="lead">Lead (lead)</p> <p class="fs-1">Font size 1 (fs-1)</p> <p class="fs-2">Font size 2 (fs-2)</p> <p class="fs-3">Font size 3 (fs-3)</p> <p class="fs-4">Font size 4 (fs-4)</p> <p class="fs-5">Font size 5 (fs-5)</p> <p class="fs-6">Font size 6 (fs-6)</p>