JSFiddle - React, Tailwind, and code Playground

by Timofey Beloussov

HTML

<header>
    <div class="left">left</div>
    <div class=" right">
        <div class="top-right">123</div>
        <div class="bottom-right">123</div>
    </div>
</header>

CSS

header > div{
    width: 50%
}

.left{
    float: left;
}

.right{
    float: right;
}

.clear:before,
.clear:after {
    display: table;
    content: "";
}

.clear:after {
    clear: both;
}

.clear {
    zoom: 1; /* ie 6/7 */
}