JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
  <div class="tr">
    <div class="td">
      <div class="inner">content1 blablabla</div>
    </div>
    <div class="td">
      <div class="inner">content2 blablabla foo bar barz</div>
    </div>
    <div class="td">
      <div class="inner">content3</div>
    </div>
  </div>
</div>

CSS

div.table {
  display: table;
  width: 300pt;
  height: 100pt;
}

div.tr {
  display: table-row;
}

div.td {
  display: table-cell;
  position: relative;
  border: 1px solid black;
  width: auto;
}

div.inner {
  position: absolute;
  left:0; right:0; top:0; bottom:0;
}