JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <aside class="left">
        <div class="item">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis tempore possimus dolores quia maxime deserunt culpa repellat repudiandae explicabo ipsa quis sunt officia. Dolor ducimus hic illum illo assumenda magnam.</p>
        </div>
        <div class="item">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam blanditiis nihil inventore totam ipsa rem pariatur perferendis sunt similique quos officiis harum quisquam soluta cupiditate nulla odio natus iure. Commodi.</p>
        </div>
    </aside>
    <aside class="right">
        <div class="item">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis tempore possimus dolores quia maxime deserunt culpa repellat repudiandae explicabo ipsa quis sunt officia. Dolor ducimus hic illum illo assumenda magnam.</p>
        </div>
        <div class="item">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam blanditiis nihil inventore totam ipsa rem pariatur perferendis sunt similique quos officiis harum quisquam soluta cupiditate nulla odio natus iure. Commodi.</p>
        </div>
    </aside>
</div>
<button>load more</button>

CSS

aside {
    display: inline-block;
    width: 40%;
    border: 1px solid red;
    margin: 2%;
    vertical-align: top;
}

.item {
    border-bottom: 1px solid black;
}