JSFiddle - React, Tailwind, and code Playground

by Eric Howe

HTML

<table>
    <tbody>
        <tr>
            <td>1111</td>
            <td>2222</td>
            <td>3333</td>
            <td>4444</td>
            <td>5555</td>
        </tr>
        <tr>
            <td colspan="5">
                <div class="first-half">
                    half
                </div>
                <div class="second-half">
                    half
                </div>
            </td>
        </tr>
    </tbody>
</table>

CSS

td {
    border: 1px solid green;
}
.first-half {
    float: left;
    width: 50%;
}
.second-half {
    float: right;
    width: 50%;
}