JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left">
</div>
<div class="left yellow">
</div>
<div class="right">    
</div>
<!-- No clear -->
<div class="Green"></div>

CSS

div {
    display:inline-block;
    width: 150px;
    height:150px;
}

.left {
    background-color:Orange;
    float:left;
}

.right {
    background-color:Red;
    float:right;
}

.Green {
    background-color:Green;
}

.yellow {
    background-color:yellow;
    
}