Typography
Headings
Display Heading
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
<h1 class="mb-4 font-display">Display Heading</h1>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>Lists
- Unordered list
- Unordered list
- Unordered list
- Ordered list
- Ordered list
- Ordered list
- Unstyled list
- Unstyled list
- Unstyled list
<ul class="mb-4">
<li>Unordered list</li>
<li>Unordered list</li>
<li>Unordered list</li>
</ul>
<ol class="mb-4">
<li>Ordered list</li>
<li>Ordered list</li>
<li>Ordered list</li>
</ol>
<ul class="mb-4 list-none">
<li>Unstyled list</li>
<li>Unstyled list</li>
<li>Unstyled list</li>
</ul>Code
Inline
code element in a div<div>Inline <code>code element</code> in a div</div>pre code element
with multiple lines<pre><code>pre code element
with multiple lines</code></pre>Please press Ctrl + Shift + R to refresh.
<p>Please press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd> to refresh.</p>