<ul class="list">
<li class="list__item">Я помогаю вам бросить курить.</li>
<li class="list__item">Я помогаю вам бросить курить. Я помогаю вам бросить курить.</li>
<li class="list__item">Я помогаю вам бросить курить.</li>
<li class="list__item">Я помогаю вам бросить курить. Я помогаю вам бросить курить.</li>
<li class="list__item">Я помогаю вам бросить курить.</li>
<li class="list__item">Я помогаю вам бросить курить. Я помогаю вам бросить курить.</li>
</ul>
.list {
margin: 0;
padding: 0;
columns: 2 150px;
column-gap: 30px;
list-style: none;
}
.list__item {
margin-bottom: 10px;
padding: 20px;
border-radius: 8px;
background-color: #fff;
}
.list__item::before {
counter-increment: list;
content: "Ячейка " counter(list, decimal-leading-zero) ": ";
}
body {
background-color: lightblue;
counter-reset: list;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.