HTML & CSS In Pictures
Specify page margins
  1. In advlayout.html, insert a clear below the topnav area, then these paragraphs:

    <div id="clear"></div>

    <p>Welcome to Tech Tool, the magazine for people who like gadgets.</p>

    <p>Every day, we cover the latest in electronic gadgetry.</p>

    </body>
    </html>
  2. Below the paragraphs, insert a footer area:

    <p>Every day, we cover the latest in electronic gadgetry.</p>

    <div id="footer">&#160;</div>

    </body>
    </html>

    TIP: &#160; is an invisible character. It can be used as a placeholder or spacer in Web pages.
  3. In layout.css, add formatting for the footer area:

    #footer {
    background: #000099;
    margin: 0;
    padding: 10px;
    }