JSFiddle - React, Tailwind, and code Playground

HTML

<table class="container">
    <tr>
        <td class="border">
        </td>
        <td align="center">
            <div class="content">
                This is a test
            </div>
        </td>
        <td class="border">
        </td>
    </tr>
</table>

CSS

.container {
    background-color: #ddd;
}

.border {
    background-color: blue;
    width:10px;
}

.content {
    margin: auto;
    width: 500px;
    border: 2px solid yellow;
    zoom: 0.8;
}
.container {      
    zoom: 0.8;  
}