JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <thead>
        <tr>
            <td>top left</td>
            <td class="vertical">style on cell</td>
            <td><div class="vertical">style on div</div></td>
            <td><span class="vertical">style on span</span></td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>centre</td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>bottom</td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

CSS

.vertical 
{
    /* IE-only DX filter */
    writing-mode: tb-rl;
    filter: flipv fliph;
                
    /* Safari/Chrome function */
    -webkit-transform: rotate(270deg);
                
    -moz-transform: rotate(270deg);
}

table 
{
    margin-top:3em;
}