JSFiddle - React, Tailwind, and code Playground

by R J

HTML

<div class="tbl fixed">
    <div class="tblRow">
        <div class="tblCol col1">
            <div class="tbl">
                <div class="tblRow">
                    <div class="tblCol">LHS</div>
                </div>                
            </div>
        </div>
        <div class="tblCol"></div>
        <div class="tblCol col2">
            <div class="tbl">
                <div class="tblRow">
                    <div class="tblCol">RHS</div>
                </div>                
            </div>
        </div>
    </div>
</div>

CSS

.tbl{display:table;}
.fixed{width: 200px; border: 1px solid black; }
.tblRow { display: table-row; }
.tblCol{ display: table-cell; }
.col1 .tbl { width: 50px;  background-color: red; }
.col2 .tbl { width: 150px; background-color: blue; display:none; }