Two divs - One wraps around image, the other starts float left under image

Hello!

I am making a template that can be used multiple times on as site.

There is a container div titled "StaffContainer".  Inside it is:

Div titled "StaffBioPhoto"  It consists of an image that is floated left, and has some text to the right of it.    That seems to work okay.

And after that a div titled "StaffBioParagraph".  It needs to start directly below the float left photo, flush left.

Right now we are using carriage returns to move the staffbioparagraph text below the image, and that is of course not ideal.  

Again, both of these divs are inside the StaffContainer div

So what would the css be to get the staffbioparagraph div to start  float (flush) left, below the float left photo.

Is it a clear????

Thanks!

Rowby
LVL 9
Rowby GorenAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
GaryConnect With a Mentor Commented:
Add to the StaffBioParagraph div's css
clear:both;
0
 
Rowby GorenAuthor Commented:
Thanks, Cathal!  

Works perfectly (of course)!

Rowby
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.