<div class="row">
  <div class="col">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum vitae alias corrupti odio ullam officia similique voluptate molestias perferendis quasi, qui architecto ducimus sit, est ipsum maxime at exercitationem. Quae.
  </div>
  <div class="col">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis amet nulla fugiat veritatis tempora perferendis libero doloribus voluptas consequuntur! Cumque ullam omnis maxime voluptate beatae iste quod ipsum voluptatem esse excepturi culpa natus ipsam harum minima in hic nesciunt asperiores sequi perferendis ipsa modi, accusantium rerum explicabo. Dignissimos, iure, blanditiis!
  </div>
  <div class="col">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus similique vero distinctio perspiciatis, porro assumenda illum, beatae cupiditate repellat doloribus, sed explicabo! Laudantium illum quam quasi, consequuntur ad nihil quaerat?
  </div>
</div>
html {
    padding: 20px;
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
 
.row {
  display: flex;
}
.row > .col {
  padding: 10px;
  width: 33.33%;
  border-left: 1px solid #000;
}
.row > .col:last-child {
  border-right: 1px solid #000;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.