JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<ul class="main">
    <li>1.</li>
    <li><ul><li>2</li></ul></li>
    <li><ul><li><ul><li>3.</li></ul></li></ul></li>
</ul>
</body>

CSS

.main{
    position:relative;
    right:40px;
}
li{
  list-style:none;
  background:red;
  margin-top:1px;
}