JSFiddle - React, Tailwind, and code Playground

by Greg Bowler

HTML

<ul>
    <li>
        <label>One</label>
    </li>
    <li>
        <label>Two</label>
    </li>
    <li>
        <label>Three</label>
    </li>
    <li>
        <label>Four</label>
    </li>
    <li>
        <label>Five</label>
    </li>
    <li>
        <label>Six</label>
    </li>
    <li>
        <label>Seven</label>
    </li>
    <li>
        <label>Eight</label>
    </li>
    <li>
        <label>Nine</label>
    </li>
    <li>
        <label>Ten</label>
    </li>
</ul>

CSS

ul {
    width: 320px;
    background: #eee;
    list-style: none;
    overflow-x: scroll;
    padding: 0;
}
li {
    float: left;
    display: block;
    padding: 16px;
    margin: 8px;
    background: red;
}