JSFiddle - React, Tailwind, and code Playground

by swfour

HTML

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

CSS

#wrap {

    max-width: 400px;

    margin: auto;

    border: 2px solid black;

    overflow:hidden;

}

#one, #two {

    width: 50%;

    background: green;

    float:left;

}

#two {

    float: right;

    background: red;

}