JSFiddle - React, Tailwind, and code Playground
HTML
<flexbox>
<blockA>
<p>Some text: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum corrupti laboriosam consequatur. Ipsam necessitatibus omnis explicabo iure nesciunt officiis iusto laborum inventore, voluptatibus. Consequatur commodi distinctio magnam, at sint illo.</p></blockA>
<blockB>
<p>Some text: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio nostrum voluptatem enim dolor aliquid, ad deleniti possimus, alias quia sit magnam quas, consectetur molestiae. Voluptatum atque quibusdam, incidunt in accusantium voluptate, vero distinctio eos perspiciatis, eveniet maxime sunt unde aut officia!</p>
<p>Doloremque labore quaerat perspiciatis esse quo laborum ipsum. Numquam corporis odio placeat, enim rem blanditiis animi explicabo nesciunt nihil nam iusto voluptatem, repudiandae nostrum consectetur minima, praesentium laudantium eum, accusantium repellendus ut eaque. Omnis? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem debitis reiciendis libero maiores alias natus!</p></blockB>
</flexbox>
CSS
flexbox {
display: flex;
}
blockA, blockB {
border: 5px solid black;
width: 50%;
...