JSFiddle - React, Tailwind, and code Playground

by Paulpro

HTML

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
    <li>Item 7</li>
    <li>Item 8</li>
    <li>Item ...</li>
    <li>Item n</li>
</ul>

CSS

ul{
    width: 300px;
    overflow: hidden;
}

ul li{
    float: left;
    width: 150px;  
}