JSFiddle - React, Tailwind, and code Playground

by Awais Imran

HTML

<div class="div1">1</div>
<div class="div2">2</div>
<div class="div3">3</div>

CSS

div{
    height:50px;
    text-align:center;
    line-height:50px;
}
.div1{width:50%; background:red; float:left;}
.div2{width:40%; background:yellow; float:left;}
.div3{width:10%; background:green; float:left;}