position div using css

Question

Could you please refer this http://jsfiddle.net/BRWWN/ How can I position the divs in the following order.

The blue div shows in left as a left side menu, the red div comes right of the blue div.

Answer 1

Add float:left; to both:

#a {
 width: 25%;
 border: thick solid Blue;
 height: 200px;
 display:inline;
 float:left;
}

#b {
 width: 25%;
 border: thick solid Red;
 height: 200px;
 display:inline;
 float:left;
}

Answer 2

或将display: inline更改为display: inline-block对于两个div。