Aligning multiple tables in a form

I have 3 separate tables that work separately. I would like to align them next to each other:

|||
not
|
|
|

I have tried:

<table float="left" width="33%">

but was unable to get it to work. Any suggestions?

 

<table style="float: left;" width="33%">

or you can make a three column table that has each table in a cell

 

<table style="float:left; width:33% ">

 

3 column table with tables nested inside:

<table width="100%">
<tr>
<td width="33%">

TABLE 1

</td>
<td width="33%">

TABLE 2

</td>
<td width="33%">

TABLE 3

</td>
</tr>
</table>

 

Table with 3 TDs would work fine. You could also put your tables into DIVs and float them as you like. With DIVs it may be easier to change your design in the future.

 

first you have to take a table that have three columns... then take table on each columns with width 33%.. that works fine...