JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table-class-1">
  <tr>
    <td class="td-class-1"><a href="/link"><div class="div-class-1">TEXT IN DIV</div></a>
    </td>
  </tr>
</table>

CSS

*{margin:0; padding:0;}
html, body, table{height:100%;width:100%;}
.table-class-1 {
    max-width:550px;
    margin: auto;
    background:#ccc;
}

.td-class-1 {
    text-align: center; 
    vertical-align: middle;
}


.div-class-1 {
    background-color: #GGGGGG;
    color: #000;
    text-align: center;
    vertical-align: middle;
    border-radius: 6px;
    padding: 5px;
    font-size: 18px;
}