JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
					<table>
					  <tr>
						<td class="next"><a href="http://www...."><div class="text">NEXT</div></a></td>
						<td><a href="http://www....." class="next"></a></td>
						<td><a href="http://www....." class="next"></a></td>
					  </tr>
					</table>
				</div>

CSS

#content {
    margin: 0 100px;
}

table{
width:99.99%;
height:99.99%;
border-collapse:collapse;
    height: 200px;
}

td {
width:33%;
border:1px solid #cccccc;
    position: relative;
}

a{
text-decoration:none;
color:#FFFFFF;
text-align:center;
display:table;
    height: 100%;
    width: 100%;
    
    
    
}

.text{


    display: table-cell;
    vertical-align: middle;background: red;
    height: 100%;
}
.fon{
    border:1px solid #cccccc;
}
.text {
font-size: 5vw;
text-shadow: 0 1px 0 #ccc,
}