JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="main_center">
    
        <div class="right">
            
        </div>    
    
        <div class="left">
            asdf
        </div>
        

        <div class="clear">
            
        </div>
    </div>
</body>

CSS

/* CSS */

#main_center
{
    width:100%;
    height:100px;
    padding:0px 0px;
    margin:0px auto;
    display:block;
}

.left
{
    width:200px;
    height:100px;
    padding:0px 0px;
    margin:0px auto;
    background:#c6f5c6;
    float:right;
}

.right
{
    height:100px;
    padding:0px 0px;
    margin:0px auto;
    overflow:hidden;
    background:#000fff;
}

.clear
{
    clear:both;
}
/* CSS */