<span>За допомогою універсальної властивості <code>columns</code> ми встановили для цього багатоколонкового тексту такі правила: ширина для стовпчиків <em>auto</em>, а кількість стовпчиків - <em>3</em>. Ми також могли зазанчати дві окремі властивості <code>column-span</code> i <code>column-width</code>.</span>
<div class="multicol">
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos exercitationem debitis ipsum laborum nobis quis! Dolorem veritatis itaque distinctio esse iure vitae aspernatur est, vero nihil aperiam fugiat, fuga obcaecati.</p>
</div>
body {
  font-family: sans-serif;
  line-height: 1.45;
}

p {
  margin-top: 0;
}

.multicol {
  margin-top: 20px;
  background: #eee;
  padding: 10px;

  -webkit-columns: auto 3; /* Safari and Chrome */
  -moz-columns: auto 3; /* Firefox */
  columns: auto 3; /* CSS3 */
}
span{
  font-size: 16px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.