JSFiddle - React, Tailwind, and code Playground

by bluey

HTML

<div style='clear: both; display: block; min-width: 100%;'> <!-- Main/Parent div -->
    <div style='float: left'> <!-- Section1 left -->
    left panel
    </div>

    <div style='float: right;'>  <!-- Section2 right -->
    right panel
    </div>
</div>

<div style='clear: both;  display: block; min-width: 100%;'> <!-- Table panel/3 -->
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Table Panel
</div>