JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>Берем список.</li>
    <li>Добавляем к каждому пункту <code>:before</code>.</li>
    <li>Делаем этот <code>:before</code> чуть выше одной строки.</li>
    <li>Ставим ему <code>float:left</code>.</li>
    <li>???</li>
    <li>PROFIT!</li>
</ol>

CSS

ol { overflow: hidden; }
li { list-style-position: inside; line-height: 1; margin: .5em 0; }
li:before {
    content: '';
    float: left;
    width: 1em;
    height: 2em;
}