JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="left">Left</div>
    <div id="right">Right</div>            
</div>

CSS

#wrapper{
    width:200px;  
    height:750px;
    margin:auto;
}

#left{
    width:100px;
    height:750px;
    float:left;  
    position:relative;
    color: #fff;
    background: blue;    
}

#right{
    width:100px;
    height:750px;
    float:right;
    position:relative;
    color: #fff;
    background: red;
}