JSFiddle - React, Tailwind, and code Playground

by pixeloco

HTML

the li's are justified with equal spacing across the width of the ul:

<ul>
    <li>hey there</li>
    <li>look at us</li>
    <li>all evenly spaced across</li>
    <li>the ul</li>
</ul>

CSS

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

ul:after {
    width: 100%;
    display: inline-block;
    content: ".";
    visibility: hidden;
}

li {
    display: inline-block;
    background-color:pink;
}