JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
  <div id="left">left</div>
    <div id="right">right <br/> more stuff</div>
  <div id="footer">footer</div>
</div>

CSS

#wrapper{
width:800px;
    border: solid red 1px;
}
 #left{
 float:left;
 width: 200px;
     background-color: orange;
 }
#right{
  float: left;
  width: 600px;
    background-color: green;
}
#footer{
  width:800px;
  height: 20px; 
   background-color: blue;
  clear:both;
}