---
layout: docs
title: Headings
description: null
---

<p class="h1">Heading 1 <small>Heading 1 small</small></p>
<p class="h2">Heading 2 <small>Heading 2 small</small></p>
<p class="h3">Heading 3 <small>Heading 3 small</small></p>
<p class="h4">Heading 4 <small>Heading 4 small</small></p>
<p class="h5">Heading 5 <small>Heading 5 small</small></p>
<p class="h6">Heading 6 <small>Heading 6 small</small></p>

```html
<p class="h1">Heading 1 <small>Heading 1 small</small></p>
<p class="h2">Heading 2 <small>Heading 2 small</small></p>
<p class="h3">Heading 3 <small>Heading 3 small</small></p>
<p class="h4">Heading 4 <small>Heading 4 small</small></p>
<p class="h5">Heading 5 <small>Heading 5 small</small></p>
<p class="h6">Heading 6 <small>Heading 6 small</small></p>
```