JSFiddle - React, Tailwind, and code Playground

by Torwan

HTML

<div class="root">
    <div class="dv-table">
    <div class="dv-table-row">
        <div class="dv-table-row-cell">
        fgfdgfgfdgfdgffddgfdgfgfgfg
        </div>
        <div class="dv-table-row-cell">
        fgfdgfgfdgfdgffddgfdgfgfgfg
        </div>
        <div class="dv-table-row-cell">
        fgfdgfgfdgfdgffddgfdgfgfgfg<br />dsdsadsdsdasdsadasd<br />sadadsadsdsadsad <br />sadsadsdsadd <br />sdsddsadasdadasd
        </div>
        <div  class="dv-table-row-cell">
        fgfdgfgfdgfdgffddgfdgfgfgfg
        </div>
    </div>
    </div>
</div>

CSS

.dv-table {
  display: table;
  width: 100%;
  height: 100%;
}

.dv-table-row {
  display: table-row;
  width: 100%;
  height: 100%;
}

.dv-table-row-cell {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  
    border: solid;
}