JSFiddle - React, Tailwind, and code Playground

by Alireza Safian

HTML

<div class="abc">abc</div>
<div class="def">def</div>
<div class="ghi">ghi</div>

CSS

.abc {
    display:inline-block;
    background-color:lightblue;
    width: 100px;
}

.def {
    float: right;
    background-color: lightyellow;
    width: 200px;
}

.ghi {
    display:inline-block;
    background-color: lightgreen;
    width: 100%;
}
}