How to center three divs horizontally within a parent div? [duplicate]

Answer 1

Instead adding center, left and right. Use ul and set the width of li in percentage. It will improve the code and reduce the css code.

The codepen url is http://codepen.io/SESN/pen/pbbjrb

CSS

#container { width: 100%; }
.ulContainer { margin: 0px auto; list-style: none; width: 80%; }
.ulContainer li { width: 33.33%; float: left; }

HTML

        
Here's what you'll do!
  

  

    
            
            
Constructing amazing fossils you never even dreamed of
          
  
    

    
            
            
Studying ancient marine biology
          
    
    

    
            
            
Uncovering the world's greatest mysteries