JSFiddle - React, Tailwind, and code Playground

HTML

<div id="padre1">
    <div class="child1 child"></div>
    <div class="child2 child"></div>
</div>

<div id="padre2"></div>

CSS

#padre1{
   background:#000000;
   padding:20px;
   overflow:hidden;
}
#padre2{
    clear:both;
    margin-top:20px;
    height:200px;
    background:#000000;
}
.child{
    float:left;
    width:50%;
    height:200px;
}
.child1{
    background:red;
}
.child2{
    background:blue;
}