JSFiddle - React, Tailwind, and code Playground

by learningforever

HTML

<div id="main">
    <ul class="double_column">
      <li>1. I'm glad to meet you. Here is a short code to list items in two columns.</li>
      <li>2. Please refer to the folloing link: </li>
      <li>3</li>
      <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
  <li>100</li>
  <li>11</li>
  <li>12</li>
</ul>
</div>

CSS

ul.double_column {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}