JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <div class="left">
       <p>some content</p>
    </div>
    <div class="right">
       <p>some content</p>
    </div>
 </div>

 <div class="content">
    <div class="left">
       <p>some content</p>
    </div>
    <div class="right">
       <p>some content</p>
    </div>
 </div>

CSS

.content {
    width: 960px;
    height: auto;
    margin: 0 auto;
    background: red;
    border: 1px solid #333;
    float: left;
    clear: both;
 }

.left {
     float: left;
     height: 300px;
    display: inline;
 background: green;
 }
 
 .right {
     float: right;
     background: yellow;
 }