JSFiddle - React, Tailwind, and code Playground

by kapantzak

HTML

<div id="left">
    <div class="left-inner">
        text
    </div>
    <div class="right-inner">
        num
    </div>
</div>
<div id="right">
    <div class="left-inner">
        text
    </div>
    <div class="right-inner">
        num
    </div>
</div>

CSS

#left,
#right
{
    width: 40%;
}

#left {
    float: left;
}
#right {
    float: right;
}

.left-inner,
.right-inner
{
    width: 50%;
    float: left;    
}

.left-inner {
    text-align: left;
    background: #ccc;
}
.right-inner {
    text-align: right;
    background: #f1f1f1;
}