ulをZではなくИで並べるCSS

Question

リストをZの並びではなくИで並べる方法はありますか？

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

HTMLはこのままでulを分けずにCSSだけで変更したいです。

Comments

[coco_bauer]

「リストをZの並びではなくИで並べる」というのは、具体的には何をどうする事なのですか？
質問に書かれたHTMLでは何も表示されません。リスト表示する内容を含んだHTMLに変更し、現状ではどのように表示されるのかと、どのように表示されることを希望しているかを説明してください。

Answer 1

サンプル

ul{
  columns: 2;
}

Answer 2

CSS Flexbox を使えばいいでしょう。

ul {
  display: flex;
  flex-direction: column;
  flex-wrap:wrap;
  height:360px; /* ご希望で適宜変更してください。 */
}

Flexbox の基本的な使い方/Web Design Leaves

Comments

[ministop]

ありがとうございます！