display: inline problem
 

I have two divs nested within another div. I would like to get these 2 div's (d1, d2) to be side by side. When I do display:inline though, nothing happens. I've already tried float:left, but that moves a lot of other things around as well which I do not went. An example of the code...