JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
   <li>Первый</li>
   <li>Второй</li>
   <li>Третий</li>
   <li>Четвертый</li>
</ol>

CSS

ol {
    list-style-type: none;
    counter-reset: item 7;
   }
   li:before {
    content: counter(item) ') ';
    counter-increment: item;
	
	margin-right: 5px;
	width: 2em;
	display: inline-block;
	text-align: right;
   }