Employ multiple levels
In Notepad, open california.html from the Travel West folder.
Below
, insert the links and content areas:
TIP: Remember, the formatting for the links and content areas is still present informat.css.
In the links area, list the subsections within the main California section:
The Golden Gate Bridge
Highway 101
Big Sur
In the content area, put the following heading and paragraph:
The Golden Gate Bridge
Highway 101
Big Sur
Places to visit in California
When in California, be sure to see the Golden Gate bridge, Highway 101, and Big Sur.
Then save the page.
Reload california.html in the browser.
It should look like this:
In format.css, add a 20-pixel top margin to the links area:
#links {
background: #cccccc;
float: left;
width: 200px;
margin: 20px 0 0 0;
padding: 10px;
}
Remove the padding from the content area:
#content {
background: #ffffff;
margin: 0 0 0 220px;
padding: 0;
}
Save format.css, then reload california.html in the browser.
It should look like this:
