Centering 2 Divs inside another vertically

Question

I have 2 divs that I want to centre vertically inside another div. At the moment I have:

http://jsfiddle.net/5vpA3/1/

Now I understand what is going on here, but

Answer 1

Live Demo

• Remove float: left from #left and #right.

• Instead, use display: inline-block:

  #left, #right {
      display: inline-block;
      vertical-align: middle;
  }
  

• Due to using display: inline-block, you have to deal with the whitespace issue. I chose to remove the whitespace in the HTML between