<div class="container">
  <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nobis, dolor aperiam quae labore nihil modi vitae voluptate illo suscipit voluptatem!</p>
  <p>Impedit eligendi debitis molestias deleniti dignissimos voluptates architecto laborum, optio perferendis sapiente saepe ex vel? Voluptatum animi sapiente ut necessitatibus.</p>
  <p>Porro iusto impedit ea nam minima. Voluptas doloribus officia quibusdam, iure cupiditate ipsa, quia laborum architecto deleniti accusantium dolore ullam.</p>
  <p>Itaque expedita ab exercitationem, unde consequuntur natus veniam? Nemo architecto quia beatae laborum sint dolores, officia fuga debitis natus omnis.</p>
  <p>Incidunt, reiciendis? Laboriosam, harum? Ipsam vitae magni temporibus aliquam eum voluptatem perspiciatis perferendis. Perspiciatis, totam! Eveniet id accusamus totam distinctio?</p>
  <p>Fugit aperiam officia accusamus facilis. Eos ipsum explicabo perferendis ab quo. Eos delectus dignissimos ipsum facere non eius, unde quo!</p>
  <p>Vero excepturi nemo provident voluptates maxime consequatur quod aspernatur dolor sapiente, sint nisi, suscipit quaerat vitae iure eveniet at ipsam.</p>
  <p>Aliquid reprehenderit ut porro in, illo temporibus dignissimos esse quidem consequuntur maxime itaque numquam earum quasi optio modi inventore possimus?</p>
</div>
.container{
  columns: 4 200px;
  column-gap: 2rem;
  column-rule: 2px solid #333;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.