JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
   <div class="row top">
       <div class="col first">1<br/>---<br/>---<br/>---</div>
       <div class="col second">2</div>
       <div class="col third">3</div>
   </div>
   <div class="row middle">
       <div class="col first">1<br/>---<br/>---<br/>---</div>
       <div class="col second">2</div>
       <div class="col third">3</div>
   </div>
</div>

CSS

.container
{
    display: table;
}

.col
{
    display: inline-block;
    border: 1px dashed green;
}

.row
{
    border: 1px solid pink;
}
.col.third
{
    vertical-align: top;
}