Put divs below float:left divs

add clear: both to the bottom div, so it won't be influenced by the floating other divs, but will move down below them.


Rather than working with floats, you might consider simply setting the display attribute of the middle divs to "inline-block". Remember that be default, div elements have a block display, which means that they take up the entire width of its parent element, even if its width is less than the parent width. inline blocks on the other hand fit together like puzzle pieces and flow horizontally rather than vertically. I think this would make your code much cleaner than dealing with floats. Here's a demo:

http://jsfiddle.net/scMFC/


You need to clear the floats. If #voting is your fifth div add this in your css.

#voting{clear:both}

should do the trick

Tags:

Html

Css