JSFiddle - React, Tailwind, and code Playground

HTML

<div class="vertical">
    <table class="tab">
        <tr><td>F</td></tr>
        <tr><td>E</td></tr>
        <tr><td>E</td></tr>
        <tr><td>D</td></tr>
        <tr><td>B</td></tr>
        <tr><td>A</td></tr>
        <tr><td>C</td></tr>
        <tr><td>K</td></tr>
    </table>
</div>

CSS

.vertical
{
    height:auto;
    width:25px;
    background-color:violet;
    color:white;
    border-radius:5px;
}
.tab
{
    margin-left:5px;
}