JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <ul>
        <li class="level-0">ноль</li>
        <li class="level-0">ноль</li>
        <li class="level-1">рас</li>
        <li class="level-2">два</li>
        <li class="level-3">три</li>
        <li class="level-0">ноль</li>
        <li class="level-1">рас</li>
    </ul>
</div>

CSS

div.wrapper {

}

ul li {
    border-bottom: 1px solid gray;
}

ul li.level-0 {
    margin-left: 10px;
}

ul li.level-1 {
    margin-left: 20px;
}

ul li.level-2 {
    margin-left: 30px;
}
ul li.level-3 {
    margin-left: 30px;
}