<p>За замовчуванням.</p>
<div class="multicol">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
  <p>Тут ми збільшили проміжок за допомoгою властивості <code>column-gap</code>.</p>
<div class="multicol px">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
.multicol {
  font-family: sans-serif;
  background: beige;
  padding: 10px;
  margin-bottom: 16px;
  color: #333;

  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

p {
  font-size: 18px;
}

.px {
  -webkit-column-gap: 150px;
  -moz-column-gap: 150px;
  column-gap: 150px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.