JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    background: red;
    text-align: justify;
    font-size: 0;
}
ul:after {
    content: '';
    display: inline-block;
    width: 100%;
}

li {
    display: inline-block;
    padding: .5em 1em;
    background: green;
    font-size: 16px;
}