JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mother">
    <div class="r">r
    </div>
    <div class="l">l
    </div>
    <div class="r">r
    </div>
    <div class="l">l
    </div>
</div>

CSS

.l {
    float: left;
}
.r, .l {
    display: inline;
}

.r {
    float: right;
}