JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<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>
</div>

CSS

.f_link{
    margin:0px;
    font-size:16px;
    display:inline-block;
    color:gray;
}
.f_link:hover{
    color:black;
    text-decoration:none;
}
div{
    font-size:0px;
}