Content Component

Basic Usage

This is content.

<article class="content">
  <p>This is content.</p>
</article>

Kitchen Sink

H1

H2

H3

H4

H5
H6

This is a paragraph. This is a link.

  • This is a ul > li.
  • This is a ul > li.
  • This is a ul > li.
  1. This is a ol > li.
  2. This is a ol > li.
  3. This is a ol > li.

This h1 is not styled.

This h2 is not styled.

<article class="content">
  <h1>H1</h1>
  <h2>H2</h2>
  <h3>H3</h3>
  <h4>H4</h4>
  <h5>H5</h5>
  <h6>H6</h6>
  <p>This is a paragraph. This is a <a href="#">link</a>.</p>
  <hr>
  <ul>
    <li>This is a ul > li.</li>
    <li>This is a ul > li.</li>
    <li>This is a ul > li.</li>
  </ul>
  <ol>
    <li>This is a ol > li.</li>
    <li>This is a ol > li.</li>
    <li>This is a ol > li.</li>
  </ol>
  <h1 class="not-content">This h1 is not styled.</h1>
  <div class="not-content">
    <h2>This h2 is not styled.</h2>
  </div>
</article>