JSFiddle - React, Tailwind, and code Playground

HTML

<p><b>Table</b></p>
<table width="100%">
    <tr>
        <td>cell 1</td>
        <td>cell 2</td>
    </tr>
    <tr>
        <td>cell 3</td>
        <td>cell 4</td>
    </tr>
</table>

<p><br><b>Divs</b></p>
<div class="table">
    <div class="td">cell 1</div>
    <div class="td">cell 2</div>
    <div class="tr-end"/>
    <div class="td">cell 3</div>
    <div class="td">cell 4</div>
    <div class="tr-end"/>
</div>

CSS

div.table {
    width:100%;
}
div.td {
    width:50%;
    float:left;
}
div.tr-end {
    clear:both;
}