JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table" border="1">
    <tr>
        <td>
            <div id="brand"></div>
        </td>
    </tr>
    <tr>
        <td>
            xxx xxx xxx xxx xxx xxx xxx
        </td>
    </tr>
</table>

CSS

#table {
    float:left;
}
#table td {
    margin-left:auto;
    margin-right:auto;
    text-align:center; 
}
#brand {
    width:40px;
    height:40px;
    background:red;
    margin: auto;
}