JSFiddle - React, Tailwind, and code Playground

HTML

<div class="reverse-flow">
    <span>[AAAA]</span>
    <span>[BBBB]</span>
    <span>[CCCC]</span>
    <span>[DDDD]</span>
    <span>[EEEE]</span>
    <span>[AAAA]</span>
    <span>[BBBB]</span>
    <span>[CCCC]</span>
    <span>[DDDD]</span>
    <span>[EEEE]</span>
       <span>[AAAA]</span>
    <span>[BBBB]</span>
    <span>[CCCC]</span>
    <span>[DDDD]</span>
    <span>[EEEE]</span>
</div>
<div id="content">
content content content content content content content</br>
content content content content content content content</br>
content content content content content content content</br>
content content content content content content content</br>
</div>

CSS

span {
    display:inline-block;
    background-color:#DDDDDD;
}

#content {
    background-color:#FFEEEE;
}
 .reverse-flow {  writing-mode:lr-bt;
  -webkit-writing-mode: horizontal-bt;
  -moz-writing-mode: horizontal-bt;
  -o-writing-mode: horizontal-bt;
    writing-mode: horizontal-bt;}