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 have provided two solutions. Pick up which one best suits for you.

Solution#1:

    

        

            
Column1
            
Column2
        
        

            
Value1
            
Value2
        
    





    

        
Column1
        
Column2
    
    

        
Value1
        
Value2
    

Solution#2:

    

        

            
Column1
            
Column2
        
        

            
Value1
            
Value2
        
    





    

        
Column1
        
Column2
    
    

        
Value1
        
Value2
    

Note: Change the width percentage as per your need in 1st solution.