JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
        <tr>
            <th>Numbers</th>
            <th>Alphabet</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>a</td>
        </tr>
        <tr>
            <td>2</td>
            <td>b</td>
        </tr>
    </tbody>
</table>

CSS

table {
    display:block;
    padding: 0px;
    border-collapse:collapse;
    border-spacing:0;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
thead {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100px;
}
tbody {
    margin: 0px;
    padding: 0px;
}
tbody tr {
    float:left;
}
th, td {
    display:block;
    padding: 5px;
    margin: 0px;
}
thead > tr th:nth-child(odd) {
    display:block;
    float:left;
}
thead > tr th:nth-child(even) {
    display:block;
    float:left;
}
tbody > tr td:nth-child(odd) {
    display:block;
}
tbody > tr td:nth-child(even) {
    display:block;
    float:right;
}