JSFiddle - React, Tailwind, and code Playground

by Burkhard GS

HTML

<div id="wrap">
<table>
    <tr>
        <td>z1s1</td>
        <td>z1s2</td>
        <td>z1s3</td>
        <td>z1s4</td>
    </tr>
    <tr>
        <td>z2s1</td>
        <td>z2s2</td>
        <td>z2s3</td>
        <td>z2s4</td>
    </tr>
</table>
</div>

CSS

#wrap { width: 100%; margin: 0 auto; }
table { border-spacing: 0; width: 100%; }
table td { border: 1px dotted red; padding: 5px; float:left; width:50%; box-sizing: border-box; }