JSFiddle - React, Tailwind, and code Playground

HTML

<table><tr>
    <td><div class="box">1</div></td>
    <td><div class="box" style="margin-left: 30px;">2</div></td>
    <td><div class="box" style="margin-left: 90px">4</div></td>
<td><div class="box" style="margin-left: 120px">3</div></td>
<td><div class="box" style="margin-left: 240px">5</div></td>
    </tr></table>

CSS

table{width:100%;}
table td{
    height:120px;
}
table td:nth-child(1n){
    vertical-align:top;
}
table td:nth-child(2n){
    vertical-align:bottom;
}
.box{
            height: 50px; width: 50px; border: 1px solid black; 
            text-align: center; margin-bottom: 5px;
        }