JSFiddle - React, Tailwind, and code Playground

HTML

<div> 
    <a href="">Text Here</a> 
</div>

CSS

div {
    width: auto;
    height: 50px;
    background-color: #333;
}
a {
    padding: 0 10px;
    display: inline-block;
    height: 100%;
    line-height: 200%;
    
    font-size: 24px;
    color: white;
    font-family:'Bebas Neue';
    background-color: #777;
}
a:hover { background-color: green; }