thank you!It did work. But can you explain why it had to be reversed? I didn't think that would matter, the float was supposed to take care of that?

Pullo
—
2012-11-10T06:20:43Z —
#4

pdxSherpa said:

thank you!It did work. But can you explain why it had to be reversed? I didn't think that would matter, the float was supposed to take care of that?

Sure thing.Cuz divs are block level elements (as opposed to inline ones).You display div#text1 on the page. All good.Then you place div#text2 on the page. By default this will always appear under div#text1.Then you float div#text3 to the right. div#text3 will always float to the right of div#text2, as div#text1 has claimed the top "row" for itself.You could also have arranged the divs like this:

Fantastic, thank you for the great clear explanation.Just one quick last question. Why did not setting a width for div one take care of that?I thought if I sized to leave enough space on that side that would do it.thank you D

Pullo
—
2012-11-10T19:09:52Z —
#6

pdxSherpa said:

Why did not setting a width for div one take care of that?I thought if I sized to leave enough space on that side that would do it.

I see your logic, but it doesn't work like that, I'm afraid.As I mentioned, as soon as you have another block level element below the fist div, any floats will only float to the right of the second block level element, not the first.Floats are confusing at the best of times and not an ideal method for positioning elements (I'm not suggesting you use something else, it's just that floats are tricky and annoying).If you want to find out more on the subject, I recommend Chris Coyier's excellent article: http://css-tricks.com/all-about-floats/

HTH

pdxSherpa
—
2012-11-10T21:52:41Z —
#7

Thanks Pullo, for the explanation and the link. will go check that out as well.