JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table100">
  <tr>
    <td class="css-1">Nivel 1</td>
   </tr>
   <tr>
    <td class="css-2">Nivel 2</td>
   </tr>
   <tr>
    <td class="css-3">Nivel 3</td>
   </tr>
</table>

CSS

.css-1 {
        padding-left: 10px;
    }

    .css-2 {
        padding-left: 20px;
    }

    .css-3 {
        padding-left: 30px;
    }
    .table100 {
      width:100%
    }