Answer by Matt Steele for How to move an element after another element using JS or jquery?

<div>'s are block-level elements so that's their natural behavior. You could float the div's and then clear them, or use display: inline.

I think this link would help you understand a bit more though:

CSS block and inline