JSFiddle - React, Tailwind, and code Playground

HTML

<a class="a" href="/home">Home</a>
<br>
<a class="span" href="/home"><span>Home</span></a>

CSS

a{
    background:#eee;padding:5px;margin:5px;float:left
}
a.a:link:before, a.a:visited:before{
    content: " "attr(href)" ";
    display: block;
    text-transform: uppercase;
    word-wrap: break-word;
    font-size:10px;
}
a.span:link span:before, a.span:visited span:before{
    content: " "attr(href)" ";
    display: block;
    text-transform: uppercase;
    word-wrap: break-word;
    font-size:10px;
}