gistfile1.htm

<!-- custom ol list-styles -->

<style type="text/css">
ol {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
}
li {
    display: block;
    margin-bottom: .5em;
    margin-left: 2em;
}
li:before {
    display: inline-block;
    content: counter(item);
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
}

ol ol li:before{
  content: counter(item, lower-latin) !important;
}

</style>

<ol>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
  <li>Six</li>
  <li>Seven</li>
  <li>Eight</li>
  <li>
    <ol>
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>

    </ol>
  </li>
  <li>Ten<br>Items</li>
</ol>