Numbered list example

  1. 01Title

    Optional paragraph to the list item.

  2. 02Title

    Optional paragraph to the list item.

  3. 03Title

  4. 04Title

HTML Markup
<-- For a stacked block style list, remove the class 'numbered-list--flex' from the parent -->
<ol class="numbered-list numbered-list--flex">
  <li>
    <h3 class="numbered-list--title">
      <span class="number">01</span>
      <span class="title">Title</span>
    </h3>
    <p>Optional paragraph to the list item.</p>
  </li>
  <li>
    <h3 class="numbered-list--title">
      <span class="number">02</span>
      <span class="title">Title</span>
    </h3>
    <p>Optional paragraph to the list item.</p>
  </li>
  <li>
    <h3 class="numbered-list--title">
      <span class="number">03</span>
      <span class="title">Title</span>
    </h3>
  </li>
  <li>
    <h3 class="numbered-list--title">
      <span class="number">04</span>
      <span class="title">Title</span>
    </h3>
  </li>
</ol>