JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<ul>
    <li>One</li>
     <li>Two</li>
     <li>Three</li>
     <li>Four</li>
     <li>Five</li>

</ul>
</div>

CSS

div{
width:500px;
    border:solid 1px red;
    margin:0 auto;
    
}

ul{
width:100%;
    background:green;
    display:table;
    
}

ul li{
display:table-cell;
    border-right:solid 1px white;
    padding:10px;
}
ul li:last-child{border:none;}