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

CSS

1 Comment

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

One Response

  • Ikem January 25, 20199:27 pm

    I liked the tutorial. I would have preferred it if the HTML editor were pre-loaded with the HTML example code, so I don’t have to write them myself.

    Reply

Leave a Comment