JSFiddle - React, Tailwind, and code Playground

by Matt Hopkins

HTML

<nav>
    <ul>
       <li><a href="#">Rome, Italy</a></li>
       <li><a href="#">Paris, Frace</a></li>
       <li><a href="#">Rome, Italy</a></li>
       <li><a href="#">Paris, Frace</a></li>
       <li><a href="#">Rome, Italy</a></li>
       <li><a href="#">Paris, Frace</a></li>
       <li><a href="#">Rome, Italy</a></li>
       <li><a href="#">Paris, Frace</a></li>
       <li><a href="#">Rome, Italy</a></li>
       <li><a href="#">Paris, Frace</a></li>
       <li><a href="#">Rome, Italy</a></li>
       <li><a href="#">Paris, Frace</a></li>
       <li><a href="#">Rome, Italy</a></li>
       <li><a href="#">Paris, Frace</a></li>
       <li><a href="#">Rome, Italy</a></li>
       <li><a href="#">Paris, Frace</a></li>
       <li><a href="#">Rome, Italy</a></li>
       <li><a href="#">Paris, Frace</a></li>
       <li><a href="#">Rome, Italy</a></li>
       <li><a href="#">Paris, Frace</a></li>
    </ul>
</nav>

CSS

nav ul {
    list-style: none;
    list-style-type: none;
}

nav ul li {
    display: inline;
}

nav ul li:nth-of-type(5n):after {
    display:block;
    content:"";
}