JSFiddle - React, Tailwind, and code Playground

HTML

<div id="table">
    <table>
        <tr bgcolor="#FFFFFF">
            <td>
                <a href="google.com">
                                       <img src="https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"  />

                    <span>google</span>
                </a>
            </td>
        </tr>
    </table>
</div>

CSS

#table table
{
    color: #4281A4; /*dark blue*/
    font-weight: bold;
    width: 100%;
}
#table table tr td
{
   border: 1px solid #dedede;
   text-align: center;
   height: 60px;
}
#table table tr td:hover
{
    background-color: #c4c4c4;
}
#table table tr td img
{
    width: 50px;
    height: 50px;
    float: left;
    padding:15px;
}
#table table tr td a
{
    display: block;
    height: 100%;
}
#table table tr td a span
{
}