JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr>
            <td>R1C1</td>
            <td>R1C2</td>
            <td>R1C3</td>
        </tr>
    </tbody>
</table>

<div id="outer">
    <div>
        <div>
            <div>R1C1</div>
            <div>R1C2</div>
            <div>R1C3</div>
        </div>
    </div>
</div>

CSS

table,tbody,tr,td {
    display: block;
    border: 1px solid #0f0;
    padding: 4px;
    float: left;
    clear: both;
    width: 100%

}

#outer {
    clear: both; /* for demo, clear floats from table */
}
div {
    display: block;
    border: 1px solid #0f0;
    padding: 4px
}