Horizontal Navigation with CSS

Mon, Dec 13, 2010

Objective

Use display block and floats to create a horizontal navigation menu

Agenda

  1. Create a new file called "horizontal-navigtation.html" in your labs folder

  2. Learn how to float the links next to each other horizontally

  3. Stylize your links so they look good!

Rubric

5Create a new file named "horizontal-navigation.html"
3Make the list items float left
2Style your links