Employ style classes

  1. In advlayout.html, put this heading in the topright area:

    The Magazine for People Who Like Gadgets

  2. In format.css, add formatting for the h1 heading:

h1 {
font-family: arial, helvetica, sans serif;
font-size: 14pt;
font-weight: bold;
color: #ffffff;
margin: 40px;
}
Save both layout.css and advlayout.html.

View advlayout.html in the browser.

It should look like this:

In advlayout.html, enclose the word Gadgets in tags with the class yellowtext:

The Magazine for People Who Like Gadgets
In format.css, insert a new class called yellowtext:

.yellowtext {
color: #ffff00;
}

Save both layout.css and advlayout.html, then view advlayout.html in the browser.

The word Gadgets should now be yellow.