How do DIV’s wrap around other DIV’s

Hi,

Yeah, I’ve basically been wanting to know the answer to this queation. I stumbled upon the answer a couple of weeks ago in trying to sort another issue, but as it wasn’t what I was wanting to do, I can’t remember how to do it.

[quote]

#intranet-content-main-container {
float:left;
width:445px;
margin:0 auto;
}

#intranet-content-main {
float:left;
}

#intranet-content-headers {
text-transform: uppercase;
background-color: #00A8CA;
font-weight: bold;
color: #FFFFFF;
margin-bottom:2px;
padding-left:2px;
}

#intranet-content-news {
clear:left;
}

#intranet-content-pics {
float:right;
width:100px;
padding-left:5px;

[/quote]

I know I could probably make the first DIV redundant, and I even know that setting a fixed width is defeating the purpose of what I am trying to do, but I was tired at 2:30 this morning and just wanted to get the layout looking half respectable and try to get some sleep before trying this again today.

See attached image to give you an idea of what I want to do.

[upl-file uuid=fc65ecc9-8461-491c-acf0-733fd5400d48 size=12kB]text_wrap.jpg[/upl-file]

Also in #CSS _↴