JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<ul>
    <li><a href="#">One</a></li>
    <li><a href="#">Two</a></li>
    <li><a href="#">Three</a></li>
</ul>

CSS

body { margin: 60px; }

ul, li, a { float: left; }

ul { 
    list-style: none; 
    margin: 0px;
    padding: 0px;
    background: #666;
    padding: 4px 0px;
}

a {
    padding: 7px;
    text-decoration: none;
    color: #fff;
    border-left: 1px solid #333;
    border-right: 1px solid #888;
}