HTML & CSS In Pictures
  1. In format.css, add formatting for a new area, topnav, with background and width properties.

    #links {
    background: #cccccc;
    float: left;
    width: 200px;
    padding: 10px;

    #content {
    background: #ffffff;
    margin: 0 0 0 220px;
    padding: 20px;

    #topnav {
    background: #cccccc;
    width: 100%;
  2. Save format.css, then open index.html.
  3. Put the unordered list within the topnav area:


    <div id="topnav">

    <li>The Rockies</li>
    <li>The Midwest</li>