JSFiddle - React, Tailwind, and code Playground

HTML

<div id="lipsum">
  <p>1) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac nibh enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae sapien porta aliquam eget et sem. Vestibulum vehicula cursus nunc at auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget risus leo. Etiam eu fermentum ante. Suspendisse potenti. Ut lectus enim, laoreet in viverra a, eleifend eget mi. Duis vitae lacus consectetur augue tincidunt viverra. Donec eget sapien nec diam imperdiet viverra. Morbi sit amet ante eu lacus consectetur iaculis. Praesent dictum urna erat, sit amet semper odio. Vestibulum a nibh a diam tempor porttitor. Suspendisse gravida, massa ut tincidunt aliquet, dui est pharetra dolor, congue interdum justo felis vitae risus. Vestibulum ac justo augue. Aenean dictum dapibus lectus nec vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pharetra eros tortor. </p>
  <p> 2) Nam sed sapien pulvinar nisl sollicitudin faucibus vitae placerat nisl. Fusce vitae est lacus, non laoreet leo. Vivamus congue arcu eget nulla fermentum tincidunt. Ut eu enim eu erat consectetur dapibus sed sed ligula. Aliquam vestibulum erat quis lorem adipiscing faucibus. Aenean lacus est, tincidunt eget gravida quis, porttitor ut velit. Suspendisse consequat, magna egestas convallis egestas, sem leo porta urna, sit amet congue felis ante et augue. Mauris eget elementum neque. Pellentesque lacinia, sapien nec mollis viverra, turpis nibh semper magna, vitae ullamcorper lectus mauris id magna. Phasellus vestibulum pellentesque malesuada. Aliquam condimentum auctor ullamcorper. Aenean at nulla vel lacus mollis tincidunt quis nec quam. Integer commodo mollis leo in pretium. Nullam egestas volutpat venenatis. Morbi magna leo, auctor tristique gravida ut, vestibulum non neque. </p>
  <p> 3) Donec sit amet justo ac nibh pharetra laoreet. Nulla consequat odio sit amet elit blandit mollis. Quisque pharetra lacinia neque,...

CSS

#column1
{
    float: left;
    width: 50%;
    background-color: #f0f0f0;
}
#column2
{
    float: left;
    width: 50%;
    background-color: #e0e0e0;
}
#clear
{
    clear: both;
}

JavaScript

$(document).ready(function () {
    $("#lipsum").prepend("<div id='column1'/><div id='column2'/><div id='clear'/>");
    $("#column1").append($("#lipsum > p:lt(2)"));
    $("#column2").append($("#lipsum > p"));
});