<span>За замовчуванням, для багатоколокового тексту не задається жодних додаткових властивостей.</span>
<div class="multicol">
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem pariatur culpa atque repellat non, hic, iure assumenda at officiis delectus quia, minima ipsa sequi asperiores aperiam iste provident porro ratione!</p>
</div>

<span>Але ми можемо встановити ширину, стиль, а також колір меж, які з'являються між стовпчиками за допомогою універсальної властивості <code>column-rule</code>.</span>
<br>
<div class="multicol rule">
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem pariatur culpa atque repellat non, hic, iure assumenda at officiis delectus quia, minima ipsa sequi asperiores aperiam iste provident porro ratione!</p>
</div>
body {
  font-family: sans-serif;
  line-height: 1.45;
}

p {
  margin-top: 0;
}

.multicol {
  background: #f1f1f1;
  padding: 10px;
  margin-bottom: 16px;

  -webkit-column-gap: 38px;
     -moz-column-gap: 38px;
          column-gap: 38px;

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

.multicol.rule {
  -webkit-column-rule: 8px solid gold;
    -moz-column-rule: 8px solid gold;
         column-rule: 8px solid gold;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.