JSFiddle - React, Tailwind, and code Playground

by Palpatim

HTML

<ul class="group">
    <li><a href="#">Link 1</a>
    </li>
    <li><a href="#">Link 2</a>
    </li>
    <li><a href="#">Link 3</a>
    </li>
    <li><a href="#">Link 4</a>
    </li>
    <li><a href="#">Link 5</a>
    </li>
</ul>

CSS

.group:after {
    content:"";
    display: table;
    clear: both;
}
ul {
    list-style:none;
    background:gray;
}
li {
    float:left;
    padding-left:30px;
}
a {
    text-decoration:none;
    display:block;
    padding:10px;
    color:white;
    font-weight:bold;
}
.group li a:after {
    content:'--'
}