JSFiddle - React, Tailwind, and code Playground

HTML

<table class="reference">
    <tbody><tr>
        <td>Apples</td>
        <td>44%</td>
        <td>Bananas</td>
        <td>23%</td>
    </tr>
    <tr>
        <td>Oranges</td>
        <td>13%</td>
        <td>Other</td>
        <td style="">10%</td>
    </tr>
</tbody></table>

CSS

td{float:left;display:inline-block}
td:nth-child(2n+1){clear:left}