How to center horizontally div inside parent div

Question

How do I center a div horizontally inside its parent div with CSS?

 &         


        
      

Answer 1

You can use the "auto" value for the left and right margins to let the browser distribute the available space equally at both sides of the inner div:

   
Text