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

Posted by Michael Williamson
.a{fill-rule:evenodd;}techdegree seal-36
Michael Williamson
Front End Web Development Techdegree Graduate 23,903 Points

setting navigation on the same line as the header?

Sort of new at all this,

Trying to get a <ul> as navigation to line up with <h2> header while being positioned on right side of the page. I understand the how to make the navigation list read horizontal just have no clue how to get it on the same line as h2 selector.

1 Answer

Falk Schwiefert
Falk Schwiefert
8,706 Points
Falk Schwiefert
Falk Schwiefert
8,706 Points

I would suggest to follow along the first few steps on the "Build a website" class. There is some good explanation and you can follow along. Basically you set the display of the list as inline-block and then float it right while the h1 is floated left in a wrapper container.

Falk Schwiefert
Falk Schwiefert
8,706 Points

Here is the course I was referring to: https://teamtreehouse.com/library/how-to-make-a-website

And the stuff about styling the navigation starts here: https://teamtreehouse.com/library/how-to-make-a-website/styling-web-pages-and-navigation/build-navigation-with-unordered-lists

Michael Williamson
.a{fill-rule:evenodd;}techdegree seal-36
Michael Williamson
Front End Web Development Techdegree Graduate 23,903 Points

checking it out now, thanks.