JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
       <div>
         <li>test1</li>
         <li>test2</li>
         <li>test2</li>
         <li>test4</li>
         <li>test5</li>
       </div>
       <div>
         <li>test6</li>         
         <li>test7</li>         
         <li>test8</li>
       </div>
    </ul>

CSS

ul div {
    float: left;
    margin-right: 20px
}