[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

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

Posted on 2014-02-21
2
Medium Priority
?
240 Views
Last Modified: 2014-02-21
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
0
Comment
Question by:Rowby Goren
2 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 2000 total points
ID: 39877321
Add to the StaffBioParagraph div's css
clear:both;
0
 
LVL 9

Author Closing Comment

by:Rowby Goren
ID: 39877780
Thanks, Cathal!  

Works perfectly (of course)!

Rowby
0

Featured Post

Vote for the Most Valuable Expert

It’s time to recognize experts that go above and beyond with helpful solutions and engagement on site. Choose from the top experts in the Hall of Fame or on the right rail of your favorite topic page. Look for the blue “Nominate” button on their profile to vote.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses
Course of the Month19 days, 15 hours left to enroll

872 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question