JSFiddle - React, Tailwind, and code Playground

HTML

<div id="table">
    <div class="cell">123</div>
    <div class="cell">456</div>
    <div class="cell">789</div>
    <div class="cell">0ab</div>
    <div class="cell">cde</div>
    <div class="cell">fgh</div>
    <div class="cell">ijk</div>
    <div class="cell">lmn</div>
    <div class="cell">opq</div>
    <div class="cell">rst</div>
    <div class="cell">uvw</div>
    <div class="cell">xyz</div>
    <div class="cell">итд</div>
    <div class="cell">итп</div>
</div>

CSS

#table {
    float:left;
    height: 160px;
    writing-mode: tb-lr;
    -moz-column-width: 50px;
    -webkit-column-width: 50px;  
    column-width: 50px;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;  
    column-gap: 0;
}
.cell{
    width:48px;
    height:50px;
    font-size:12px;
    float:left;
    border:1px solid black;
    text-align:center;
    writing-mode: lr-tb;
}