JSFiddle - React, Tailwind, and code Playground

by Gereltod Gotsbayar

HTML

<ul class="container">
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>list</li>
</ul>

CSS

* {
  margin: 0;
  padding: 0;
}
.container {
  display: flex;
  list-style: bullet;
  flex-direction: column;
  flex-wrap: wrap;
  height: 400px;
  padding-left: 20px;
}
.container li {
  padding: 10px;
}