JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <div> 1</div>
    </li>
    
    <li>
        <div> 2</div>
    </li>
    
    <li>
        <div> 3</div>
    </li>
    
    
    <li>
        <div> 4</div>
    </li>
    
    <li>
        <div> 5</div>
    </li>
    
    <li>
        <div> 6</div>
    </li>
    
    
    <li>
        <div> 7</div>
    </li>
    
    
    <li>
        <div> 8</div>
    </li>
    
    
    <li>
        <div> 9</div>
    </li>
</ul>

CSS

ul, li  { margin: 0; padding: 0 }
ul li { float: left; }
ul li div { height: 100px; width: 100px; background: #f00; color: #fff; }