JSFiddle - React, Tailwind, and code Playground

HTML

<ol type='1'>
  <li>Aloe</li>
  <li>Bergamot</li>
  <li>Calendula</li>
  <li>Damiana</li>
  <li>Elderflower</li>
  <li>Feverfew</li>
  <li>Ginger</li>
  <li>Hops</li>
  <li>Iris</li>
  <li>Juniper</li>
</ol>

CSS

ol {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}