<div class="pb-4 mb-4 border-b border-gray-400">
<h1 class="mb-4 font-display">Display Heading</h1>
</div>
<div class="pb-4 mb-4 border-b border-gray-400">
<h1>Heading 1</h1>
</div>
<div class="pb-4 mb-4 border-b border-gray-400">
<h2>Heading 2</h2>
</div>
<div class="pb-4 mb-4 border-b border-gray-400">
<h3>Heading 3</h3>
</div>
<div class="pb-4 mb-4 border-b border-gray-400">
<h4>Heading 4</h4>
</div>
<div class="pb-4 mb-4">
<h5>Heading 5</h5>
</div>
<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>