Specify page margins

In advlayout.html, insert a clear below the

topnav area, then these paragraphs:

2. Welcome to Tech Tool, the magazine for people who like gadgets.

3. Every day, we cover the latest in electronic gadgetry.

Below the paragraphs, insert a footer area:

1. Every day, we cover the latest in electronic gadgetry.

5. TIP: is an invisible character. It can be used as a placeholder or spacer in Web pages.
6. In layout.css, add formatting for the footer area:
7. #footer {
8. background: #000099;
9. margin: 0;
10. padding: 10px;
11. }

Save layout.css and advlayout.html.

1. Reload advlayout.html in the browser.
2. It should look like this:
3. 

In layout.css, add formatting for the tag:

1. body {
2. margin: 0;
3. text-align: center;
4. }

Save layout.css, then reload advlayout.html in the browser.

It should look like this:

1. Set content width
2. In advlayout.html, surround the paragraphs in an area for the page's main content:

4. Welcome to Tech Tool, the magazine for people who like gadgets.

5. Every day, we cover the latest in electronic gadgetry.

In layout.css, add formatting for the maincontent area:

#maincontent {

margin: 0;

padding: 20px;

}

In advlayout.html, enclose everything between the tags in the pagewidth area:

...