JSFiddle - React, Tailwind, and code Playground

HTML

<table oncontextmenu="return false">
  <tbody>
    <tr>
     <td class="" cellnumber="1" row="0" col="0"><span>1</span></td>
     <td class="" cellnumber="2" row="0" col="1"><span>2</span></td>
     <td class="" cellnumber="3" row="0" col="2"><span>3</span></td>
     <td class="" cellnumber="4" row="0" col="3"><span>4</span></td>
     <td class="" cellnumber="5" row="0" col="4"><span>5</span></td>
   </tr>
  </tbody>
</table>
<img id="dice"...

CSS

table {
    float: left;
}
td {
    border: 1px solid black;
    height: 90px;
    margin-left: 10%;
    margin-right: 10%;    
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 105px;
}
#dice {
    float: left;
}