JSFiddle - React, Tailwind, and code Playground

by Wexcode

HTML

<div id="container">
    <div class="sidebar">
        
    </div><div class="main">
    
    </div>
</div>

CSS

#container { 
    white-space: nowrap;
    text-align: center; }
#container > div {
    white-space: normal;
    text-align: left;
    display: inline-block; }
.sidebar { 
    background: red;
    width: 200px;
    height: 100px; }
.main {
    background: blue;
    width: 300px;
    height: 200px; }