CSS styling - how to put these two div boxes adjacent

Question

I have two divs inside a div, I want them both adjacent to each other with a margin of 10px or so separating them but instead they appear one above the other.

Answer 1

You have two options (choose one or the other but not both).

• set float: left; on both #fact and #sortbar
• set display: inline-block; on both #fact and #sortbar

The second option is better because you don't have to fix the clearing and such, as well as the fact that inline-block works a lot better layout-wise than left floating.