<div class='container'>
  <p>Standard</p>
  <ol>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
  </ol>
</div>

<div class='container'>
  <p>Type. Values include 'a','A','i','I', and '1' (default)</p>
  <ol type='a'>

    <li>One</li>
    <li>Two</li>
    <li>Three</li>
  </ol>
</div>

<div class='container'>
  <p>Start. Takes a number to start the list. </p>
  <ol type='a' start=2>
    <li>Eleven</li>
    <li>Twelve</li>
    <li>Thirteen</li>
  </ol>
</div>

<div class='container'>
  <p>Reversed. Starts at the max value and counts backwards. Can be paired with `start`</p>
  <ol reversed start=6>
    <li>Three</li>
    <li>Two</li>
    <li>One</li>
  </ol>
</div>

.container {
  border: 2px solid blue;
  max-width: 300px;
  margin: 1em;
  padding: .5em;
}