JSFiddle - React, Tailwind, and code Playground

by wf_4

HTML

<div id="wrapper">
      <div class="col">
1<br>
1<br>
1<br>
      </div>
      <div class="col">
1<br>
1<br>
1<br>
1<br>
1<br>
1<br>
1<br>
1<br>
      </div>
      <div class="col">
1<br>
1<br>
      </div>
    </div>

CSS

#wrapper {
        width:100%;
        border-top:1px solid #000;
        border-bottom:2px solid #000;
        display:table;
      }
      #wrapper .col {
        width:33%;
        display:table-cell;
      }
      #wrapper .col:nth-child(1) {
        border-right:2px solid #000;
     }
      #wrapper .col:nth-child(2) {
        border-right:2px solid #000;
      }
      #wrapper .col {
        padding:10px;
      }