1 reply [Last post]
cjr9968
cjr9968's picture
Offline
newbie
Last seen: 8 years 29 weeks ago
Timezone: GMT-4
Joined: 2013-11-02
Posts: 2
Points: 3

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!!!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 20 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

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/