JSFiddle - React, Tailwind, and code Playground

by LimitedWard

HTML

<div class="left">left</div>
<div class="right">
    <div class="right1">right1</div>
    <div class="right2">right2</div>
</div>

CSS

.left {
    width:50px;
    background:blue;
    color:#fff;
    float:left;
}
.right1, .right2 {
    float:left;
    display:inline;
}
.right {
    background:red;
    margin-left:50px;
}
.right1 {
    background:green;
    width:85%;
}
.right2 {
    width:15%;
    background:gray;
}