Center two divs in the middle of a wrapper

Question

I have this CSS problem:

    
I am div 1
    
I am div 2
         


        
      

Answer 1

text-align:center; would center this for you:

#wrap{
  width:50%;
  border: 1px solid #000;
}

#left, #right{
  text-align: center;
}

Demo: http://jsfiddle.net/DbNs6/1/