JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

CSS

ul {
    margin:0;
    padding:0;
    text-align: justify;
}

li {
    margin: 5px;
    display: inline-block;
    height: 30px;
    width: 50px;
    border: solid 1px black;
}

li:last-child {
    display: inline-block;
    width: 98%;
    height: 0px;
    line-height: 0;
    font-size: 0;
    border: none;
    margin: 0;
}