Richtext

<div class="richtext">
    <h1>Heading 1</h1>
    <p class='p--lead'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dictum efficitur velit condimentum fermentum. Vestibulum varius mattis mi sit amet viverra. Duis at pharetra nisl. Vivamus hendrerit luctus diam. Quisque ut lorem nibh. Mauris nec nulla id sapien laoreet tempor. Aliquam vitae convallis purus, vel euismod nulla. Proin ut cursus odio, vel rutrum enim. Curabitur a dui condimentum, ornare metus ut, pharetra massa.</p>
    <h2>Heading 2</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dictum efficitur velit condimentum fermentum. Vestibulum varius mattis mi sit amet viverra. Duis at pharetra nisl. Vivamus hendrerit luctus diam. Quisque ut lorem nibh. Mauris nec nulla id sapien laoreet tempor. Aliquam vitae convallis purus, vel euismod nulla. Proin ut cursus odio, vel rutrum enim. Curabitur a dui condimentum, ornare metus ut, pharetra massa.</p>
    <h3>Heading 3</h3>
    <p class='p--small'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dictum efficitur velit condimentum fermentum. Vestibulum varius mattis mi sit amet viverra. Duis at pharetra nisl. Vivamus hendrerit luctus diam. Quisque ut lorem nibh. Mauris nec nulla id sapien laoreet tempor. Aliquam vitae convallis purus, vel euismod nulla. Proin ut cursus odio, vel rutrum enim. Curabitur a dui condimentum, ornare metus ut, pharetra massa.</p>
    <h4>Heading 4</h4>
    <p class='p--x-small'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dictum efficitur velit condimentum fermentum. Vestibulum varius mattis mi sit amet viverra. Duis at pharetra nisl. Vivamus hendrerit luctus diam. Quisque ut lorem nibh. Mauris nec nulla id sapien laoreet tempor. Aliquam vitae convallis purus, vel euismod nulla. Proin ut cursus odio, vel rutrum enim. Curabitur a dui condimentum, ornare metus ut, pharetra massa.</p>
    <h5>Heading 5</h5>
    <p><a href='#'>This is a text link</a></p>
    <h6>Heading 6</h6>
    <ol class='list-ordered'>
        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
        <li>Aliquam tincidunt mauris eu risus.</li>
        <li>Vestibulum auctor dapibus neque.</li>
    </ol>
    <ul class='list-unordered'>
        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
        <li>Aliquam tincidunt mauris eu risus.</li>
        <li>Vestibulum auctor dapibus neque.</li>
    </ul>
    <p><strong>Strong is used to indicate strong importance</strong></p>
    <p><em>This text has added emphasis</em></p>
    <p><s>This text has a strikethrough</s></p>
    <p>Superscript<sup>®</sup></p>
    <p>Subscript for things like H<sub>2</sub>O</p>
    <p><small>This small text is small for for fine print, etc.</small></p>
    <p>Abbreviation: <abbr title='HyperText Markup Language'>HTML</abbr></p>
    <p>Keybord input: <kbd>Cmd</kbd></p>
    <p><q cite='https://developer.mozilla.org/en-US/docs/HTML/Element/q'>This text is a short inline quotation</q></p>
    <p><cite>This is a citation</cite></p>
    <p>The <dfn>dfn element</dfn> indicates a definition.</p>
    <p><code>This is what inline code looks like.</code></p>
</div>