Two HTML tables side by side, centered on the page

Question

I have two tables on a page that I want to display side by side, and then center them within the page (actually within another div, but this is the simplest I could come up

Answer 1

I found I could solve this by simply putting the two side by side tables inside of a third table that was centered. Here is the code

I added two lines of code at the top and bottom of the two existing tables

  
Two tables, side by side, centered together within the page.

  

    

      

        

          

            

              
a
              
b
            
            

              
1
              
2
            
            

              
4
              
9
            
            

              
16
              
25
            
          
        

        

          

            

              
a
              
b
              
c
            
            

              
1
              
2
              
2
            
            

              
3
              
5
              
15
            
            

              
8
              
13
              
104
            
          
        
      
    
  
  
all done.