JSFiddle - React, Tailwind, and code Playground

by franzo

HTML

<table>
    <thead>
        <tr>
            <th class="vertical"><span class="vertical">Testing</span>
            </th>
            <th class="vertical"><span>Now is the time for all good people</span>
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>123</td>
            <td>324</td>
        </tr>
    </tbody>
</table>

CSS

th.vertical {
    vertical-align: bottom;
}
th.vertical span {
    writing-mode: vertical-rl;
    -ms-writing-mode: bt-rl;
    -webkit-writing-mode: vertical-rl;
    white-space: nowrap;
}