JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flexcontainer">
<div class="flexitem">This is flex item-1 with variable content.</div>
<div class="flexitem">This is flex item-2 with variable content.</div>
<div class="flexitem">This is flex item-3 with variable content.</div>
<div class="flexitem">This is flex item-4 with variable content.</div>
<div class="flexitem">This is flex item-5 with variable content.</div>
</div>

CSS

.flexcontainer {
  display: inline-flex;
   flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  writing-mode: vertical-lr;
  height: 200px;
}

.flexitem {
  padding: 20px;
  background: crimson;
  color: #fff;
  text-align: center;
  margin: 10px;
  writing-mode: horizontal-tb;
}