<span>Це контейнер з багатоколонковим текстом. Властивість <code>column-width</code> має значення за замовчуванням: auto. Властивість <code>column-count</code> не задана!</span>
<div class="multicol">
  <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ratione necessitatibus sed, cumque sit nemo delectus voluptate asperiores modi ut alias!</p>
</div>

<span>Це контейнер з багатоколонковим текстом. Властивість <code>column-width</code> має значення: 70px. Властивість <code>column-count</code> знову ж таки не задана!</span>
<div class="multicol rule">
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis sit iusto architecto! Culpa, possimus voluptatum sint officiis nesciunt amet consequatur.</p>
</div>
body {
  font-family: sans-serif;
  line-height: 1.45;
}

p {
  margin-top: 0;
}

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

  -webkit-column-rule: 2px dotted gold;
     -moz-column-rule: 2px dotted gold;
          column-rule: 2px dotted gold;

  -webkit-column-width: auto; /* Safari and Chrome */
     -moz-column-width: auto; /* Firefox */
          column-width: auto; /* CSS3 */
}

.multicol.rule {
  -webkit-column-width: 70px; /* Safari and Chrome */
     -moz-column-width: 70px; /* Firefox */
          column-width: 70px; /* CSS3 */
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.