JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul {
    text-align:center;
    list-style-type:none;
    width:200px;
}

ul li {
    border:solid 1px #666666;
    margin-top:-1px;
    zoom: 1
}