JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul{
    /* required */
    list-style:none;
    white-space: nowrap;
    
    /* optional, just to make things visible */
    background-color:#9ac;
    padding: 2px;
}
ul > li{
    /* required */
    display: inline-block;
    
    /* optional, just to make things visible */
    height: 100px;
    width: 180px;   
    background-color:#ccc;
    margin-right:10px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 100px;
}