<ol class="styled-list">
    <li>list item with number</li>
    <li>list item with number</li>
</ol>
<ol reversed class="styled-list">
    <li>Reversed list item</li>
    <li>Reversed list item</li>
</ol>
<ol class="styled-list list-style-lowercase">
    <li>List item with lowercase alphabets</li>
    <li>List item with lowercase alphabets</li>
</ol>
<ol class="styled-list list-style-uppercase">
    <li>List item with uppercase alphabets</li>
    <li>List item with uppercase alphabets</li>
</ol>
<ol class="styled-list list-style-lowercase-roman">
    <li>List item with lowercase roman number</li>
    <li>List item with lowercase roman number</li>
</ol>
<ol class="styled-list list-style-uppercase-roman">
    <li>List item with uppercase roman number</li>
    <li>List item with uppercase roman number</li>
</ol>