JSFiddle - React, Tailwind, and code Playground

by linoskoczek

HTML

<ul id="mainList">
  <li>Parent 1
    <ul>
      <li>
        Child 1
        <b>EDIT</b>
        <b>DELETE</b>
      </li>
      <li>Child 2
        <b>EDIT</b>
        <b>DELETE</b>
        <ul>
          <li>
            Another Child 1
            <b>EDIT</b>
            <b>DELETE</b>
          </li>
        </ul> 
      </li>
    </ul>
  </li>
</ul>

CSS

#mainList {
  width: 100%;
  padding: 0;
}

li {
  width: 100%;
}

li b {
  margin-left: 5px;
  float: right;
}