Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Layout Basics Page Layout with the Float Property Wrapping Text Around Images with Floats

My text doesn't wrap around the image

When i add a class to my img-tag, and then create float: left; the paragraph text below it doesn't wrap around the image. Instead, it becomes like it does in this video: https://teamtreehouse.com/library/clearing-floats where Guil talks about floats and clearing floats and the bottom text is somehow pushed up and nestled into the paragraphs above it. I don't know how I should apply the clearifix here, and the overflow doesn't help, so I'm stuck.

Let me add also that I'm not using workspace but trying out things on my own in Atom, the website I'm using as a base is the one from CSS Basics Course, which also means that just before the image I now want to float, I already have to floating objects. Although, I've made a clearifix to those so I don't know what's wrong. Hope this makes sense......

1 Answer

Steven Parker
Steven Parker
229,670 Points

Workspaces are a big advantage when you need some help, because you can easily make a snapshot of your workspace and post the link to it here.

Otherwise, you can upload your project to a sandbox test site or github repo and share a link to that, or post the complete code in your question, propery formatted of course. Use the instructions for code formatting in the Markdown Cheatsheet pop-up below the "Add an Answer" area. :arrow_heading_down:   Or watch this video on code formatting.