JSFiddle - React, Tailwind, and code Playground

by fparent

HTML

<!-- See html5doctors for fore information: http://html5doctor.com/ol-element-attributes/ -->

<!-- "type" should be used only for semantic purposes in your code, like legal docs, etc. -->
<ol type="a">
    <li>Natasha</li>
    <li>Jill</li>
    <li>Christine</li>
    <li>Monica</li>
    <li>Kelly</li>
</ol>

<!-- Starts your list at a specific value -->
<ol start="6">
    <li>Jessica</li>
    <li>Cassandra</li>
    <li>Maeiva</li>
</ol>

...

<!-- "value" attributes should be avoided but can be useful in certain cases -->
<ol>
    <li value="99">Veronika</li> 
    <li value="100">Kim</li>
</ol>

CSS

ol {
    /* Will override the type property of the list */           
    list-style-type: decimal-leading-zero;   
}