CSS Project 2d – Move 2nd menu to the right

CSS

0 Comments

Move the 2nd menu (which contains the Login link) to the right side of the header. Hint: The ul for the 2nd menu has id="menu-right".

Try it yourself before looking at the solution

Open HTML Editor

CSS changes

#menu-right {
    float: right
}

Result

Well, we finally did it. The header now looks exactly as it should, and we learned a lot of CSS in the process. Full HTML and CSS code for this project is available on the next page.

CSS Practice Problems

Available on the following page: CSS Practice Problems

JavaScript Tutorial - Make your pages interactive

Now that you've learned CSS, the next thing to learn is JavaScript. JavaScript will help you make your pages more interactive.

Learn JavaScript

Leave a Comment