JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" class="clearfix">
    <div id="right-sidebar">Right</div>
    <div id="left-sidebar">Left</div>
</div>

CSS

#container {
display: table; width: 200px; 
    border:1px red solid;
}



#left-sidebar {
  display: table-header-group;

}

#right-sidebar {
   display: table-footer-group;

}