JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<table border="1px solid black" class="table">
<tr>
<td class="td">10Kg</td>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td class="td">20Kg</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td class="td">30Kg</td>
<td>I</td>
<td>II</td>
<td>III</td>
<td>IV</td>
</tr>
</table>
</div>

CSS

.td
        {
    width:20px;
    height:40px;
    transform:rotate(-90.0deg);
        }
       .table
       {
       }