JSFiddle - React, Tailwind, and code Playground

by tellnes

HTML

<div class="wrap">
<article>
  <p>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque recusandae sunt cumque vitae quibusdam provident aliquid ea porro aspernatur veniam voluptatem culpa, numquam reprehenderit, consequuntur debitis hic est exercitationem animi.
  </p>

  <p>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque recusandae sunt cumque vitae quibusdam provident aliquid ea porro aspernatur veniam voluptatem culpa, numquam reprehenderit, consequuntur debitis hic est exercitationem animi.
  </p>

  <p>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque recusandae sunt cumque vitae quibusdam provident aliquid ea porro aspernatur veniam voluptatem culpa, numquam reprehenderit, consequuntur debitis hic est exercitationem animi.
  </p>

</article>

</div>

CSS

.wrap {
  overflow: auto;
  width: 400px;
  height: 200px;  
  margin: 10px;
  border: 1px solid #F00;
}
article {
  /* -webkit-column-width: 100px; */
  -webkit-column-count: 2;
}