How can I duplicate this table to make them both appear side-by-side?

[Chrisj]

How can I create an second table, like tableX

and then make them both appear side-by-side?

 

      
<table class="tableX">            
<thead>                
<tr>                    
<th class="type">Type</th>                    
<th>Number</th>                
</tr>            
</thead>            
<tbody>                
<tr>                    
<td>x</td>                    
<td>1</td>                
</tr>                
<tr>                    
<td>y</td>                    
<td>2</td>                
</tr>            
</tbody>        
</table>        

[haku]

Copy the code, paste it below. Table duplicated. Use this CSS to put them side-by-side:

 

table.tableX
{
  float:left;
}