JSFiddle - React, Tailwind, and code Playground

by kachibito

HTML

<ol>
    <li>list</li>
    <li>list</li>
    <li>list</li>
    <li>list</li>
    <li>list</li>
</ol>

CSS

.number{
    color:red;
    display:inline-block;
    margin-right:15px;
    font-size:20px;
}
ol{margin:25px;}
li{margin-bottom:15px;}

JavaScript

$("ol li").each(function (i) {
        i = i+1;
        $(this).prepend('<span class="number"> No.'+i+'</span>');
   });