JSFiddle - React, Tailwind, and code Playground

by jmpp77

HTML

<div class="container">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam id facere qui architecto ex ad dolore voluptatibus doloremque dolor. Cumque quibusdam pariatur necessitatibus eveniet! Voluptatem ex voluptas eveniet velit, delectus, quos rem! Dolor odit, qui reprehenderit debitis excepturi dicta, sint facilis temporibus fuga tenetur et omnis minima iusto laboriosam facere, quasi incidunt optio maxime magnam quibusdam. Corporis quidem eos distinctio iste animi ea labore numquam sunt, soluta iure cupiditate eveniet dolore voluptatum officia rem iusto ad quis amet mollitia rerum aperiam sed. Error tempora maiores, officia expedita modi tempore, quia voluptas. Fuga unde pariatur maxime tempore nobis, ut sapiente hic!</p>
  <p>Voluptatum hic quas tenetur unde dolorum temporibus, non nihil placeat dignissimos nulla? Laudantium maxime ducimus exercitationem nesciunt placeat et rerum labore, porro quos ullam. Aliquid amet non, eos provident sunt consectetur assumenda, eligendi? Laboriosam dolore culpa ipsam molestiae possimus fuga doloribus sed impedit, et, delectus ratione, veniam placeat suscipit optio aliquid! Quos voluptatibus eius quasi sapiente, iure, consequuntur! Qui quia autem ullam id unde! Eligendi aspernatur dignissimos sequi architecto sapiente eius repellendus nam esse vero eum, optio possimus nulla ipsum, totam laboriosam debitis quia sit molestias est! Magnam atque, repellendus, veritatis vitae, suscipit error pariatur repudiandae delectus itaque quaerat impedit.</p>
  <p>Qui illo deleniti rem soluta beatae, itaque numquam. Optio reiciendis est ab libero dolorem vel, voluptates ut cumque itaque, incidunt tenetur consequuntur architecto praesentium fugit repudiandae numquam a. Nam placeat, voluptates itaque ratione, delectus eligendi odit repellat perspiciatis ea enim dolorum, neque consequatur accusamus perferendis consequuntur. Cupiditate dolorum nostrum expedita impedit rem error sit autem quam aut consectetur accusamus, cum...

CSS

.container {
  column-count: 2;
  column-fill: balance;
}

p:nth-child(even) {
  
  background-color: silver;
  
}