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 Basics (2014) Basic Layout Clearing Floats

Posted by Charon knight
Charon knight
3,306 Points

im following all the steps but for some reason my columns aren't lining up next to eachother what am i doing wrong?

<div class="secondary-content t-border group">

/* Floated Columns -------------------- */

.resorts, .tips { width: 46.5%; }

.tips float: right; }

.resorts { float: left; }

2 Answers

csj
csj
12,678 Points
csj
csj
12,678 Points

missing a { perhaps?

.tips float: right; }

.tips { float: right; }

Taylor Espejo
Taylor Espejo
3,939 Points
Taylor Espejo
Taylor Espejo
3,939 Points

Hi Charon, bit late to the party but if you never fixed this issue - it could be worth going back to; for fun ! without seeing the rest of your code it is difficult however I do believe that it sounds like your div container is occupying the entire length of the space forcing the other float not to line up - id image if you added a class name to the div container under " <div class="secondary-content t-border group"> " div class = 'tips colfix' then amended the CSS as so; div.cols { display: inline-block; }

this could fix your issue - sorry Im in a bit of a rush but if you need me to be more clear please do ask