JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="bodyMain">
      <div id="body">
        <div id="bodyLeft"> left text goes here<br />
        </div>
        <div id="bodyRight">Right text goes here 
        </div>
          <div class="clear"></div>
      </div>
    </div>
    </body>

CSS

#bodyMain
{
    border:1px solid red;
    width:100%;
    height:auto;
 
}#body
{
    border:1px solid green;
    width:804px;
    height:auto;
    margin:auto;
}
#bodyLeft
{
     border:1px solid blue;
    float:left;
    width:200PX;
    height:auto;
}
#bodyRight
{
    border:1px solid orange;
    float:right;
    width:600PX;
    height:auto;
}
.clear {clear: both;}