CSS несколько столбцов - группировка абзацев?

Question

Можно ли использовать количество столбцов CSS с сгруппированными абзацами?

У меня есть

Заголовок

некоторый абзац текста 1

следующий абзац текста 2

следующий абзац текста 3

С p {column-count:2} Я получаю это:

 Heading
 some paragraph | of text 1
 next paragraph | of text 2
 next paragraph | of text 3

Мне нужно это:

 Heading
 some paragraph  | next paragraph
 of text 1       | of text 3
 next paragraph 
 of text 2

Возможно ли это?

https://codepen.io/kelv/pen/zVmePY - это то, что у меня есть.

https://i.ibb.co/B6rm66C/multiple-columns.png - это то, что мне нужно.

Answer 1

Прежде всего: не забывайте, что вы закрываете свои абзацы с помощью </p>.

Если я вас правильно понимаю, вам не нужно, чтобы каждый отдельный абзац имел две колонки, но вы хотите поместить абзацы в две колонки. Вам нужно поставить column-count на окружающий элемент:

<div class="paragraphs">
<p>...</p>
<p>...</p>
<p>...</p>
</div>

---

.paragraphs {
   column-count:2
}

https://codepen.io/anon/pen/ydRwYy