JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="l">
    sdffff<br/>fffffffffffffff<br/>fffffffffffffffffff
  </div>
<div class="c">fffffffff
</div>
<div class="r">ffffffffffffffffffffffffffffffffffffffff
</div>
</div>

CSS

.container{
  height:auto;
  width:700px;
  background:#ff0;
  overflow: hidden;
    position: relative;
    display: table;
}
.l{
  width:200px;
  display: table-cell;
  background:#ccc;
  height:100%;
}
.c{
  width:200px;
  display: table-cell;
  background:#ddd;
  height:100%;
}
.r{
  width:200px;
  display: table-cell;
  background:#eee;
  height:100%;
}