JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

* {margin:0;padding:0}
ul {
text-align:justify;
font-size:0
}
ul:after {
content:'';
width:100%;
display:inline-block
}
li {
display:inline-block;
width:100px;
height:100px;
    background:#f00
}