JSFiddle - React, Tailwind, and code Playground

HTML

<div class="site-nav">
<ul>
  <li><a href="">Link one</a></li>
  <li><a href="">Link two</a></li>
  <li><a href="">Link three</a></li>
</ul>
</div>

CSS

/* Navigation Menus */
.site-nav ul {
    margin: 0;
    padding: 0;
}

.site-nav ul:before, .site-nav:after { content: ""; display: table; }
.site-nav ul:after { clear: both; }
.site-nav ul { *zoom: 1; }

.site-nav ul li {
    list-style: none;
    float: left;
    }

/*Site Header Menu*/
.site-header nav ul li a:link,
.site-header nav ul li a:visited{
    display: block;
    padding: 10px 18px;
    border: 1px solid #BBB;
    border-bottom: none;

}