Bio Page: Float text around multiple images

[generalchaos316]

Ok, this should be a gimmie for any seasoned vets out there. I am trying to make a Bio page for an up and coming entertainment company and I would like the text to start out on the right side of a picture instead of beneath it.

I know that I will be floating my page divs around...and I can get the first one set up just fine. The problem is when I get to the second member on the page. If I float that one left too, the picture starts behaving like the text in the previous div. (Also gets placed to the right of the first image.)

You can probably visualize what I am trying to do by checking out:
http://www.madcap-pdc.com/NEWSITE/bios.htm

Is there a way of telling the browser to stop floating stuff at a certain point in the page?

[generalchaos316]

I got this figured out. All I had to do was style the <p> that surrounded my image with the an id="bioimage" Then I styled that paragraph:

Code: Select all

p.bioimage {
   width: 120px;
   margin: 0px;
   float: left;
   clear: left;
}