JSFiddle - React, Tailwind, and code Playground

HTML

<a href="/about" class="f_link">&nbsp;&nbsp;&nbsp;About&nbsp;&nbsp;&nbsp;</a>
<a href="/Login" class="f_link">&nbsp;&nbsp;&nbsp;Login&nbsp;&nbsp;&nbsp;</a>
<a href="/Create Account" class="f_link">&nbsp;&nbsp;&nbsp;Create Account&nbsp;&nbsp;&nbsp;</a>

CSS

.f_link{
height:38px;
padding-top:12px;
margin:0px;
color:gray;
    float: left;
}
.f_link:hover{
color:black;
text-decoration:none;
}