JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td>
      <ul>
        <li class="c1 s2 t3 l2 z1">Text</li>
        <li class="c2 s3 t2 l3 z2">Text</li>
        <li class="c3 s1 t3 l1 z3">Text</li>
        <li class="c1 s3 t1 l2 z1">Text</li>
        <li class="c2 s2 t1 l1 z2">Text</li>
      </ul>
    </td>
  </tr>
</table>

CSS

table{
  border:1px solid #bbb;
}
ul{
  position:relative;
  width:200px;
  height:100px;
  margin:0;
  padding:0;
  overflow:hidden;
  list-style-type:none;
}
li{
  position:absolute;
  display:inline-block;
}
.z1{
  z-index:1;
}
.z2{
   z-index:2;
}
.z3{
   z-index:3;
}
.c1{
  color:#900;
}
.c2{
  color:#090;
}
.c3{
  color:#009;
}
.s1{
  font-size:10px;
}
.s2{
  font-size:20px;
}
.s3{
  font-size:40px;
}
.t1{
  top:10px;
}
.t2{
  top:40px;
}
.t3{
  top:80px;
}
.l1{
  left:10px;
}
.l2{
  left:50px;
}
.l3{
  left:100px;
}