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
Arvind Kevin Arjun Sharma
8,272 PointsHaving trouble displaying list items inside .footer-nav side by side with a float, how can i pass this omg.
/* Complete the challenge by writing CSS below */
.footer-nav li {
content: "";
display: inline-block;
clear: both;
float: left;
}
.logo {
float: right;
}
Arvind Kevin Arjun Sharma
8,272 Points2 Answers
dman10345
7,109 PointsWell I can't tell you what your problem is because I don't have the challenge or all of the code. However I can tell you that it's probably not aligning side by side because you are clearing both sides which doesn't allow floated items on either side of the element. For a more specific answer I'm going to need a more specific question with more information.
Happy coding!
Arvind Kevin Arjun Sharma
8,272 PointsThank you for at least trying Dylan,
Happy coding!!
knowledge tirivanhu
10,125 Pointsfooter-nav li {
content: "";
display: inline-block;
clear: both;
float: left;
Matthew Gilbert
9,817 PointsThat was the right answer knowledge tirivanhu! thanks!
Joshua Paulson
37,085 PointsJoshua Paulson
37,085 PointsCan you post a copy of the full code or link to the code challenge so we can take a look?
You might just need to float in a different direction