Как объединить две колонки текста в одну?

Question

[damarkuzz]

Как объединить две колонки текста в одну, чтобы получилось вот так:

<div class="right-col col">
   <span>1 строчка левого столбца</span>
   <span>1 строчка правого столбца</span>
   <span>2 строчка левого столбца</span>
   <span>2 строчка правого столбца</span>
   <span>3 строчка левого столбца</span>
   <span>3 строчка правого столбца</span>
   <span>4 строчка левого столбца</span>
   <span>4 строчка правого столбца</span>
</div>

Внутри строк span могут быть также теги, их следует сохранить.

Comments

[Ankhena]

.col {
   display: contents;
 }

И выстраивайте как хотите: флекс, грид, order...

Answer 1

[Rsa97]

Например, так:

Comments

[damarkuzz]

К сожалению, исходная задача не позволяет так сделать. Текста должны быть по разным колонкам :(

[damarkuzz]

Тут штука в том, что из двух столбиков нужно получить один