JSFiddle - React, Tailwind, and code Playground

by TheCrossCarrier

HTML

<ol>
1.Главный пункт
<li>пункт</li>
<li>ещё какой текст</li>
<li>Если супер длинный текст тогда получается что перенос строки заходит под пунктом списка,</li>
</ol>

CSS

ol {
    list-style-type: none; 
    counter-reset: item; 
}

li {
  display: flex;
}
li:nth-child(-n+9)::before {
    content: '1.' counter(item);
    counter-increment: item;
}

li:nth-child(n+10)::before {
    content: counter(item);
    counter-increment: item; 
}