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:

    <body>

    <div id="topnav">

    <ul>
    <li>California</li>
    <li>The Rockies</li>
    <li>The Midwest</li>
    </ul>

    </div>

    </body>