JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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