JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<ol>
  <li>пункт</li>
  <li>пункт
    <ol>
      <li>пункт</li>
      <li>пункт</li>
      <li>пункт</li>
      <li>пункт</li>
    </ol>
    <ul>
        <li>еще списочек через тире;</li>
        <li>еще списочек через тире;</li>
        <li>еще списочек через тире;</li>
    </ul>
  </li>
  <li>пункт</li>
</ol>

CSS

ol {
  list-style: none;
  counter-reset: li;
}

ol>li:before {
  counter-increment: li;
  content: counters(li, ".") ". ";
}