JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>Простая строка</li>
  <li>Многострочная<br>текстовая строка</li>
  <li>Еще одна простая строка</li>
  <li>И еще одна большая<br>многострочная<br>текстовая строка</li>
</ul>

CSS

* { margin: 0; padding: 0; }
ul { list-style: none; }

ul {
  margin-left: 20px;
  border-left: 2px solid #999;
}
li {
  padding: 5px 0;
  padding-left: 15px;
  position: relative;
}
li:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #999;
  left: -5px;
  top: 50%;
  margin-top: -4px;
}