JSFiddle - React, Tailwind, and code Playground

by parkji

HTML

<ul><li><a href="">Test</a></li><li><a href="">Testing</a></li><li><a href="">Tester</a></li><li><a href="">Testee</a></li></ul>

CSS

ul {
    padding-top: 20px;
}
li {
    display: inline;
    border-left: 1px solid #F00;
    border-right: 1px solid #00F;
    margin: 0; padding: 0;
}
li:last-child {
    border-right: 0;
}
li:first-child {
    border-left: 0;
}
a {
    padding: 20px;
}
a:hover {
    background: #eee;
}