JSFiddle - React, Tailwind, and code Playground

HTML

<div id='page'>
  <section class='sidebar-left'>
    <div id=''>111</div>
  </section>
  <section class='content'>
    <div id='222'>222</div>
    <span id='555'>555</span>
    <span id='666'>666</span>
  </section>
  <section class='sidebar-right'>
    <div id='444'>444</div>
    <span id='777'>777</span>
    <span id='888'>888</span>
  </section>
</div><!--end_page-->

CSS

.sidebar-left, .content, .sidebar-right {
    display:inline-block;
    width:30%;
}
.sidebar-left {
    vertical-align:top;
}