JSFiddle - React, Tailwind, and code Playground

HTML

<table id="MyTable">
    <tr>
        <th>
            <a href="#">Hi</a>
        </th>
        <th>
            <a href="#">Hello</a>
        </th>
        <th>
            <a href="#">Hello, sir</a>
        </th>
    </tr>
</table>

CSS

table#MyTable tr th a{
    width: 1.2em;
    white-space: nowrap;

    color: #000;
    display: block;
    /*Firefox*/
    -moz-transform: rotate(-90deg);
    /*Safari*/
    -webkit-transform: rotate(-90deg);
    /*Opera*/
    -o-transform: rotate(-90deg);
    /*IE*/
    writing-mode: tb-rl;
    filter: flipv fliph;
    border:1px black solid;
}
th {
    border: 1px solid red
}
body {
    margin: 30px
}