I have set of divs that I am positioning with floats. They are laid out in a certain order...
A B C D
What I ultimately need to do is display A, C, and D on line 1 and B on line 2. I came up with an approach that comes close but still isn't exactly what I need. I float A, C, and D left and the float B right so that we have
A C D B
The divs are at least in the correct order but still on the same line. Then the issue is that I have no way to clear B since clearing it will also bring C and D to the next line. Does anyone know a way to do this?
Thanks!!!
Hi cjr9968, If you know the
Hi cjr9968,
If you know the heights you could absolutely position B below the other 3.
You could use JavaScript to determine the heights if you don't already know.
In the future you could use Grid layouts http://www.w3.org/TR/css3-grid-layout/