JSFiddle - React, Tailwind, and code Playground

by karan3112

HTML

<div id="wrap" class="clearfix">
    <div id="one">1</div>
    <div id="two">2</div>
</div>

CSS

.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
 }
#wrap
{
    max-width: 400px;
    margin: auto;
    border: 2px solid black;
}

#one, #two
{
    width: 50%;
    background: green;
    float:left;
}

#two
{
    float: right;
    background: red;
}