JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
    <a href="cattle.html" class="current"><span>Cattle Farms</span></a> 
</div>

CSS

#header {
    height: 200px;
    background-color: grey;
}

#header a {
    display: block; 
    height: 100%; 
    font-size: 25px; 
    line-height: 350px;
}

span {
    background: red;
    display: inline-block;
}