Q:

Set html table to right of another table

I want to set an html table to the right of another table within a div. If I just do 
<div>
    <table>
        <tr>
            <td>
             //stuff
           </td>
        </tr>
    </table>
    <table>
        <tr>
            <td>
              //stuff
            </td>
        </tr>
    </table>
</div>

it lists one table above the other, I need them left to right to align a user control and I can't fit it into one table because the rows being different heights would not work. How to I make tables flow left to right instead of top to bottom in a div?

A:

You could use float:direction or display:inline-block CSS property
JSFiddle example: https://jsfiddle.net/v10hqa66/

