JSFiddle - React, Tailwind, and code Playground

by Tysonzero

HTML

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

CSS

*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
div
{
    border: 1px solid;
    width: 462px;
    margin: 20px;
}
ul
{
    overflow: auto;
    margin: -10px;
}
li
{
    display: block;
    float: left;
    width: 60px;
    height: 60px;
    margin: 10px;
    line-height: 58px;
    border: 1px solid;
    text-align: center;
}