JSFiddle - React, Tailwind, and code Playground

by Fredy Sudhir

HTML

<div class="top-links text-center">
<a href=# class="top-link">NEWEST</a>
|
<a href=# class="top-link">POPULAR</a>
|
<a href=# class="top-link">TAGS</a>
|
<a href=# class="top-link">USERS</a>
</div>

CSS

.top-links {
font-size:16px;
color: #b77b48;
border-bottom: 4.5px solid #db9356;
text-align:center;
line-height:19px;
}

a.top-link {
color: #b77b48;
border-bottom: 4.5px solid #db9356;
    text-decoration:none;
    padding:0 10px;
}

a.top-link:hover {
color: red;
border-bottom: 4.5px solid red;
}