JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flowpanel">
    <table border="1" class="verticalpanel">
        <tr>
            <td>vertical panel 1 - row 1</td>
        </tr>
        <tr>
            <td>vertical panel 1 - row 2</td>
        </tr>
    </table>
    <table border="1" class="verticalpanel">
        <tr>
            <td>vertical panel 2 - row 1</td>
        </tr>
        <tr>
            <td>vertical panel 2 - row 2</td>
        </tr>
    </table>
    <div style="clear:both"></div>
</div>

CSS

.verticalpanel{
    float:left;
}

.flowpanel {
    background-color:red;
}