1. Class 17

2. Creating Horizontal Navigation
• Step 1. In the html file, insert an unordered
list with list items.
<div id="navigation" class="grid_12">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Featured</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

3. Step 2. Get rid of List Style!
#navigation ul {
margin: 0;
padding:0;
list-style:none;
}

4. Step3: Display inline to flatten horizontally
#navigation li {
display:inline;
}

5. STEP 4
STYLE!