JSFiddle - React, Tailwind, and code Playground

HTML

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="test.css" rel="stylesheet" type="text/css" />
    </head>
    
    <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 style="clear:both;"></div>
      </div>
    </div>
    </body>
    </html>

CSS

*{
    margin:0;
    padding:0;
}

#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;
}