How to display inline several with 100% width?

Question

I have the following html:

  

    
element 1
    
element 2
  
<         


        
      

Answer 1

Try this

  

    
element 1
    
element 2
  



   #container { width:100%;  }
   #container ul { text-align:center; }
   #container li { display:inline; text-align:center;padding-left:20px; padding-right:20px; }