How to get these two divs side-by-side?

Question

I have two divs that are not nested, one below the other. They are both within one parent div, and this parent div repeats itself. So essentially:

Answer 1

Best that works for me:

 .left{
   width:140px;
   float:left;
   height:100%;
 }

 .right{
   margin-left:140px;
 }

http://jsfiddle.net/jiantongc/7uVNN/