Put your tables into a single container.
Float that container with your semivowels box.
The table is where it is because the divisions are following one another
according to the placement of the last one.
Use <th> in the first row of the table and your titles will be bold and
centered.
colspan the th accordingly.
<div style="float:left">
table 1
table 2
table 3
table 4
</div>
<div style="float:left">
Semivowels
</div>