How to arrange divs by css floats?

I have six divs and want to arange them in two rows and three columns

#topLeft {float:left;} //ok
#topMiddle {float:left;} //ok
#topRight {float:right;} //ok
#bottomLeft {}
#bottomMiddle {}
#bottomRight {}

In the second row I tried many combinations with floats and clears - without success.

Answers


Add clear: left; float: left; to #bottomLeft and float: left; to the last two.

Here's a fiddle: http://jsfiddle.net/5nGUe/2/


Need Your Help

Push error to a remote git repository

git github ssh refspec

I set up a git repository on a VM which is working pretty fine. I cloned the repository on my local computer and tested it with a simple file, all worked.

Entity Framework multiple mapping to same table DB first

c# entity-framework-6

I have an issue with an Entity Framework from DB model.