In index.html, add a heading to the page:
California
The Rockies
The Midwest
TIP: In some browsers, the page may look like this,
with the heading too close to the navigation bar:
This occurs as a result of the float:left properties in the navbar and navbar li aareas.
To fix this problem caused by the float property, use the clear property:
In index.html, insert an area called clear:
California
The Rockies
The Midwest
Traveling West
To fix this problem caused by the float property, use the clear property:
In index.html, insert an area called clear:
California
The Rockies
The Midwest
Traveling West
Then save index.html.
In format.css, add formatting for the clear area—the clear property:
#navbar li a {
background: #cccccc;
float: left;
padding: 5px 20px; }
#clear {
clear: both;
}
Then save format.css.
Reload index.html in the browser.
It should look like this in all browsers: