JSFiddle - React, Tailwind, and code Playground

by villard

HTML

<table>
    <thead>
        <tr>
            <th scope="colgroup" colspan="3">Table header cell in table header section</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td colspan="3">Table data cell in table footer section</td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <th scope="row">Table header cell in table body section</th>
            <td>Table data cell in table body section</td>
            <td>Table data cell in table body section</td>
        </tr>
    </tbody>
</table>

CSS

table,
    thead,
    tfoot,
    tbody,
    tr,
    th,
    td {
        float:left;
        clear: left;
    }
    
    table, thead, tbody, tr {
      width: 100%;
    }
    
    tr {
      display: flex;
      justify-content: ce
    }