JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    <table cellspacing="0" cellpadding="0" border="0" class="tbl">
        <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
        <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
    </table>
    <span class="but">
        
        <button type="submit" name="button" value="true" style="width: 200px; height: 50px;">
            A button
        </button>
    
    </span>
    
</div>

CSS

block {
 width:100%;
 height:auto;   
}

.tbl {
 width:90%;
 height:auto;
 margin:0 auto;   
 border-collapse:collapse;
}
.tbl td {
border:solid 1px #ccc;
}
.but {
 display:block;
 width:80px;
 margin:0 auto;   
}