posicionamiento de tablas :S

[shembao]

hola como lo puedo hacer para posicionar las tablas UNAS AL LADO DE LA OTRA y no abajo de la otra




el codigo es:

<div class="alex" style="position:relative">
<table width="30%" border="1" cellspacing="1">
<caption>Flujo de Ingreso/Salida</caption>
<tr >
<th width="39%" scope="col"><div align="left">Tipo Registro</div></th>
<th width="20%" scope="col"><div align="left">%</div></th>
<th width="40%" scope="col">Total</th>
</tr>
<tr>
<th scope="row"><div align="left">Ingreso</div></th>
<td><? echo porcentaje($total[0],$ingresos[0]) ?></td>
<td><? echo $ingresos[0] ?></td>
</tr>
<tr>
<th scope="row"><div align="left">Salida</div></th>
<td><? echo porcentaje($total[0],$salidas[0]) ?></td>
<td><? echo $salidas[0] ?></td>
</tr>
<tr >
<th scope="row"><div align="left">Total</div></th>
<td><? echo porcentaje($total[0],$total[0]) ?></td>
<td><? echo $total[0] ?></td>
</tr>
</table>


<table width="30%" border="1" cellspacing="1">
<caption>Flujo de Ingreso/Salida</caption>
<tr >
<th width="39%" scope="col"><div align="left">Tipo Registro</div></th>
<th width="20%" scope="col"><div align="left">%</div></th>
<th width="40%" scope="col">Total</th>
</tr>
<tr>
<th scope="row"><div align="left">Ingreso</div></th>
<td><? echo porcentaje($total[0],$ingresos[0]) ?></td>
<td><? echo $ingresos[0] ?></td>
</tr>
<tr>
<th scope="row"><div align="left">Salida</div></th>
<td><? echo porcentaje($total[0],$salidas[0]) ?></td>
<td><? echo $salidas[0] ?></td>
</tr>
<tr >
<th scope="row"><div align="left">Total</div></th>
<td><? echo porcentaje($total[0],$total[0]) ?></td>
<td><? echo $total[0] ?></td>
</tr>
</table>
</div>