JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

div {
    width: auto;
    height: 100px;
    background-color: #333;
}
a {
    padding: 10px;
    display: table;
    font-size: 24px;
    color: white;
    font-family:'Bebas Neue';
    background-color: #777;
    height: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

a > span {display:table-cell; vertical-align:middle;}

a:hover { background-color: green; }