JSFiddle - React, Tailwind, and code Playground

HTML

<ol class="items">
  <li class="item">Товар</li>
  <li class="item">Товар</li>
  <li class="item">Товар</li>
  <li class="item">Товар</li>
  <li class="item">Товар</li>
  <li class="item">Товар</li>
  <li class="item">Товар</li>
  <li class="item">Товар</li>
  <li class="item">Товар</li>
  <li class="item">Товар</li>
  <li class="item">Товар</li>
  <li class="item">Товар</li>
  <li class="item">Товар</li>
  <li class="item">Товар</li>
</ol>

CSS

html,body{
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #444;
}
.items{
  counter-reset: section;
  list-style-type: none;
  text-transform: uppercase;
}
.item{
  margin-bottom: 5px;
}
.item::before{
  counter-increment: section;
  content: counters(section,".") " ";
  border-bottom: black 1px dotted;
  padding-right: 80px;
  display: inline-block;
  line-height: 8px;
  text-indent: -104%;
}
.item:nth-child(n+10)::before{
  padding-right: 73px;
}