JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#"><div>
    <span>Test</span>
    </div>
</a>

CSS

a {
    top:50px;
    color:white;
    text-decoration:none;
    font-weight:bold;
}
div {
    background:red;
    height:200px;
    width:200px;
    display: flex;
    align-items: center;
    justify-content: center;
}