JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul {
    padding-left: 0;
    list-style: none;
    font-size:0;
    height:50px;
}
li {
    display: inline-block;
    outline:1px solid black;
    margin-right:5px;
    height:100%;
    width:50px;
}