JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>

CSS

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    display: inline-block;
    background: linear-gradient(to top, #D8D8D8 30%, #FAFAFA 100%);
    margin: 5px;
    padding: 3px 9px 3px 9px;
    border-radius: 5px;
    box-shadow: 0 0 3px 1px #BDBDBD;
}