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 Nolan Tjaden
Nolan Tjaden
484 Points

how to put h1 and nav on same line

How can I use css to put the navigation on the same level visually as header such that the h1 header is on the left and the navigation links are on the right?

1 Answer

Robert Vaida
Robert Vaida
8,718 Points
Robert Vaida
Robert Vaida
8,718 Points

If I understand correctly than you should give your header a width value of 100% than add a float property for h1 with the value left and for your navigation a float property with the value right.

header {
width: 100%;
}
h1 {
float: left;
}
nav {
float: right;
}
Nolan Tjaden
Nolan Tjaden
484 Points

Ahh yes. That works perfectly. Thank you I'm extraordinarily new!