JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<ol style="list-style:numbered;">
<li>QApples</li>
<li>QOranges</li>
</ol>

CSS

ol {
    list-style-type: decimal;
    margin: 0 0 0 2em;
}

li {
    position: relative;
}

ol li:first-letter {
    color: #f90;
    float: left;
    position: relative;
    margin-left: -2em;
}