Una soluzione potrebbe essere assegnare alle tabelle una larghezza (width) pari al 50% o inferiore se si vuole che siano staccate fra loro ed assegnare alla prima float:left ed alla seconda float:right.
Nell'HTML
codice:
<table class="primaTabella">
     .....
</table>
<table class="secondaTabella">
     .....
</table>
Nel CSS
codice:
table.primaTabella, table.secondaTabella {
     width: 45%;
}

table.primaTabella {
     float: left;
}

table.secondaTabella {
     float: right;
}