<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;
column-count: 3;
column-count: 3;
column-count: 3;
}
p {
font-size: 18px;
}
.px {
column-gap: 150px;
column-gap: 150px;
column-gap: 150px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.