JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>Intel</li>
    <li>Microsoft</li>
    <li>Apple</li>
    <li>Dell</li>
</ol>

CSS

ol{
    counter-reset: item;
}
li{
    display: block; color: green;
}
li:before{
    content: counter(item) ". ";
    counter-increment: item;
    color: red;
}