JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
    
    <div id="right">
                RIGHT
            </div>
    
            <div id="left">
                <p>Dolor consuetudium putamus nunc illum at. Qui vel accumsan zzril odio feugait. Iriure nobis aliquam est qui nam. Est ii ad et quod consuetudium. Eu vero tation placerat illum dolore. Suscipit saepius aliquip commodo erat me. Consequat littera autem anteposuerit ullamcorper dolor. Legunt doming dignissim facer futurum quinta. Consuetudium ad magna tempor ut suscipit. Typi aliquam ex esse quarta qui.</p>

                <br />

                <p><a href="http://css-tricks.com/examples/SuperSimpleTwoColumn.zip">Download this example.</a></p>
            </div>
    
            
        </div>

CSS

#content {
    border: 1px solid red;
    padding: 5px;
    position: relative;
    overflow:hidden;
    min-height:300px;
}

#left {
    border: 1px solid green;
    float: left;
    margin-right: 222px;
    position: absolute;
    top: 5px;
    left: 5px;
}

#right {
    border: 1px solid blue;
    float: right;
    width: 200px;
}