JSFiddle - React, Tailwind, and code Playground

by Iván Pereira

HTML

<div>
    <p class="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquam accumsan massa. Mauris pretium mi mi, posuere egestas tortor vehicula non. Nullam vehicula vel dui et fermentum. In vel risus ex. Donec sed tortor lectus. Etiam pellentesque nibh eget maximus tincidunt. Phasellus non erat pretium, sagittis ipsum ut, vestibulum libero. Vestibulum porttitor congue velit in ultricies. Suspendisse aliquet velit facilisis luctus aliquet. Ut sit amet mauris elit. Vestibulum quam leo, euismod nec dapibus eu, varius quis nisl. Phasellus vel vehicula dui, ut suscipit enim. Nulla eu pulvinar mi. Suspendisse potenti. In leo nisl, ultricies et diam vitae, porttitor lacinia diam. Sed tincidunt leo tortor, et pellentesque enim tincidunt eu.</p><p class="right">Aliquam erat volutpat. Maecenas sit amet efficitur dui. Proin blandit ultrices ipsum, sit amet eleifend sapien dictum scelerisque. Integer suscipit lorem eu nunc varius, in condimentum orci ultrices. Nam tristique mauris sed nibh tristique aliquam. Curabitur mauris augue, auctor eget enim et, viverra sodales sem. Vivamus sit amet nunc sed lorem congue vulputate. Duis eget odio molestie ex fermentum blandit sed ut ante. Fusce faucibus sapien nisi, sit amet rutrum ligula luctus eu. Fusce nibh massa, facilisis a mi ac, gravida semper neque. Maecenas porta magna ut laoreet sodales. Mauris et imperdiet eros. In facilisis porttitor ipsum, sed dictum mi mattis eu. Curabitur et sapien efficitur, tincidunt lacus non, aliquam mi. Pellentesque ultricies orci non orci sagittis, et porttitor tellus maximus. Vestibulum imperdiet eros vel tellus porttitor semper.</p>
</div>

CSS

p{
  display: inline-block;
  vertical-align: top;
  width: 40%;
}

p.left{
  background: #F00;
  color: #FFF;
}

p.right{
  background: #0F0;
}