JSFiddle - React, Tailwind, and code Playground

by wookiehangover

HTML

<div class="nav_container">
<div><a href="http://cargocollective.com/jamiekripke/#831876/Bio">Bio</a></div>
<div><a href="#">Profile</a></div>
<div><a href="#">Portfolio</a></div>
</div>

CSS

.nav_container {
font-size: 12px;
line-height: 1.5em;
padding-top: 32px;
    float:left;
}

.nav_container div {
margin: 0 20px 0 0;
width: 200px;
float: left;
    clear:none;
}

.nav_container a {
color: #CCC;
border-top: 1px solid #CCC;
display: block;
padding-top: 8px;
text-decoration: none;
    float:left;
    width:100%;
    height:100%;
}

.nav_container a:hover {
color: #000;
border-top: 1px solid #000;
}