JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

<div id="explore-nav">
    <ul>
        <li>Example</li>
        <li>Example</li>
        <li>Example</li>
        <li>Example</li>
    </ul>
</div>

CSS

ul {
    width: 800px;
    text-align: justify;
    list-style-type:none;
    padding:0;
    background:yellow;
}

ul:after {
    content:'';
    display: inline-block;
    width: 100%;
}

li {
    display: inline-block;
    padding:0 30px;
    text-align:center;
    background: tomato;
}