JSFiddle - React, Tailwind, and code Playground

HTML

<div class="list">
<ul>
  <li>Яблоко</li>
  <li>Стол</li>
  <li>Карандаш</li>
  <li>Море</li>
  <li>Солнце</li>
  <li>Кот</li>
  <li>Дом</li>
  <li>Велосипед</li>
  <li>Книга</li>
  <li>Ручка</li>
  <li>Компьютер</li>
  <li>Радуга</li>
  <li>Молоко</li>
  <li>Птица</li>
  <li>Роза</li>
  <li>Луна</li>
  <li>Автобус</li>
  <li>Гитара</li>
  <li>Огонь</li>
  <li>Снег</li>
</ul></div>

CSS

.list li {
    list-style: circle;
    padding: 0 0 10px 0;
    position: relative;
}

.list li:not(:first-child):before {
    content: '';
    border-left: 1px dashed black;
    position: absolute;
    width: 2px;
    height: 15px;
    left: -14px;
    top: -12px;
}