list counter

by abernier

HTML

<ol>
    <li>Tom</li>
    <li>Fred</li>
    <li>Sylvie</li>
</ol>

CSS

ol {counter-reset: rank;}
li:before {
    content:counter(rank, upper-latin) "/ "; /* https://www.w3.org/TR/css-counter-styles-3/#predefined-counters */
    counter-increment:rank;
    color: red;
    font-size:300%;
}