JSFiddle - React, Tailwind, and code Playground

by Avishek Bose

HTML

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

CSS

/* CSS */

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

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

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

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