JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id='container'>
        <div id='content'>
            Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>
        </div>
        <div id='sidebar'>
            Sidebar<br>Sidebar<br>Sidebar
        </div>
    </div>
</body>

CSS

body{
    background:#eee;
}
#container{
    width:500px;
    height:auto;
    float:left;
}
#content{
    width:300px;
    float:left;
    background:#fff;
}
#sidebar{
    width:150px;
    float:right;
    background:#fff;
}