JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>sdsadsa</li>
    <li>sdsadsa</li>
    <li>sdsadsa</li>
    <li>sdsadsa</li>
    <li>sdsadsa</li>
    <li>sdsadsa</li>
    <li>sdsadsa</li>
    <li>sdsadsa</li>
    <li class="fix"></li>
   
 </ul>

CSS

ul{
    display:block;
    min-width:960px;
    max-width:1100px;   
    border: 1px solid blue;
    text-align:justify;}


li{
    display:inline-block;
    margin-top:5px;
    width: 300px;
    text-align:center;
    border:1px solid red;
}

li.fix{
    visibility: hidden;
    width:900px;}