JSFiddle - React, Tailwind, and code Playground

by Alan Doe

HTML

<div id="container">
    <div id="div1"></div>
    <div id="div2"></div>
    <div id="clear"></div>
</div>

CSS

body
{
    padding:0;
    margin:0;
}
#container
{
    width:100%;
    height:100%;
    background-color:rgb(200,200,200);
}
#div1
{
    width:50%;
    height:100%;
    float:left;
    background-color:rgb(84,157,34);
}
#div2
{
    width:50%;
    height:100%;
    float:right;
    background-color:rgb(104,187,44);
}
#clear
{
    clear:both;
    height:1px;
    margin-top:-1px;
    font-size:0pt;
    overflow:hidden;
}