JSFiddle - React, Tailwind, and code Playground

by dleatherman

HTML

<section>
<div>
    <ul>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
    </ul>
</div>
</section>

CSS

section {
    font: 16px/1.5 Helvetica;
    overflow: scroll;
    overflow-y: hidden;
    width: 100%;
}

div {
    /*width: 200%; /* floats fill width */
    width: auto; /* floats auto clear*/
}

ul li {
    background: #222;
    color: #fff;
    float: left;
    margin: 0 10px;
    padding: 10px;
}