JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div>dfdfvdfvdvdf</div>
<div>sdcsdsd sdvsd<br />sd sv v<br />df fg<br />gh<br />nhmnghngh ghmghmgh<br />ghn<br />ghgh<br />nujioniou mnoimomiimi</div>
<div>uzin<br />"mikomi<br />miomiomo ppm,op</div>
<div>miomiiom<br />miopmp<br />mkopmopm<br />pmpmpomk<br />mokipmpomp<br />mopmpp</div>
</div>

CSS

.container {
  display: flex;
  font-family: sans-serif;
  font-size: 13px;
  min-width: 400px;
}

.container>div {
  flex: 1;
  border: 4px solid #000;
  margin: 10px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}