JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div class="parent">
    <div class="left">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at arcu ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla ut lectus eu felis molestie semper. Morbi quis velit et diam convallis dignissim vitae varius elit. Suspendisse semper eros a metus aliquet non rutrum tortor 
    </div>
    <div class="right">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam faucibus velit vitae vehicula. Ut vel purus massa, ac mattis purus. Pellentesque imperdiet, elit non porta pharetra, velit est vestibulum arcu, quis tincidunt sapien erat vitae lacus. Praesent consectetur sodales erat, ut congue nunc eleifend nec. Sed imperdiet lorem diam. Maecenas eu ipsum eget lectus fermentum lacinia eget non lacus.orci.
    </div>
</div>

CSS

.parent {
    width: 400px;
    background: #e1e1e1;
    float: left;
    padding: 20px;
}

.parent div { width: 48%; }

.left { float: left; }
.right { float: right; }