HTML & CSS In Pictures
HTML Basics
Navigation & Layout
Interactivity
Advanced Layout
In
format.css
, add formatting for a new area,
navbar
, with these properties:
#topnav {
background: #cccccc;
width: 100%;
}
#navbar {
background: #cccccc;
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
Save
format.css
.
Open
index.html
in Notepad, and transform the unordered list into the
navbar
area:
<ul
id="navbar"
>
<li>California</li>
<li>The Rockies</li>
<li>The Midwest</li>
</ul>
<< BACK
NEXT >>