JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="left-div"> Left <br/> left again </div>
    <div id="top-right-div"> Top Right </div>
    <div id="clear"></div>
    <div id="bottom-right-div"> Bottom right </div>
</div>

CSS

#wrapper
{
    backgournd: red;

}

#left-div
{
    border-style: solid;
    float:left;


}

#top-right-div
{
    border-style: solid;
    float:right;
}

#clear{
  clear:both;   
}

#bottom-right-div
{
    border-style: solid;
    float:right;
}