JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div></div>
    <div></div>
</div>

CSS

* {
    box-sizing: border-box;
}

div {
    padding: 0 10px;
}

div div {
    background: #ddd;
    width: 50%;
    height: 200px;
    float: left;
    margin: 0 0 0 -10px;
}

div div + div {
    float: right;
    margin: 0 -10px 0 0;
}