JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td><a href="http://www.google.com" target="_google">some text</a>
        </td>
        <td>some more text</td>
    </tr>
    <tr>
        <td><a href="http://www.google.com" target="_google">some text</a>
        </td>
        <td><a href="http://www.google.com" target="_google">some more text that <br> uses moren than one row...</a>
        </td>
    </tr>
</table>

CSS

td a {
    display: inline-block;
    background-color: gray;
    height:100%;
    width:100%
}
tr td {
    border: 1px solid #ddd;
    width: 200px;
}