JSFiddle - React, Tailwind, and code Playground

HTML

<div class = 'father'>
  <div class = 'left'>左边左边</div>
  <div class='center'>123456</div>
  <div class = 'right'>
    右边右边<br>
    右边右边<br>
    右边右边<br>
    右边右边<br>
    右边右边<br>
  </div>
  
</div>

CSS

.left{ width:200px; float:left; background:#FAD7F0; }
.center{ background:#B9F9C6; flex:1; }
.right{ flex:1;  background:lightblue; }
.father{
  display:flex;
  flex-direction:row;
  align-items:stretch;
  text-align:center;
}