This is H1 Text.

This is text in a paragraph. Notice that the page has margins. The font face is set to helvetica. The Nike link below has a hover color.

This is a link to Nike.com.

Now we'll use some text inside a div class to provide a border and 1em padding.

How about some text inside a box with some color in the background? Perhaps we should increase the margin too in this one.

Here is the style.css file I used for this page:

  body { background: #FFFFCC; margin-left: 10%; margin-right: 10%;
  	font-family: "helvetica",sans-serif;  }
  			
  A	{ color: #000000; }
  A:link { color: "blue" }  /* for unvisited links */
  A:visited { color: #FF0000 } /* for visited links */
  A:active { color: rgb(255, 0, 102) } /* when link is clicked */
  A:hover { color: rgb(0, 96, 255) } /* when mouse is over link */
  
  h2 { margin-top: 8em; margin-bottom: 3em; }
  
  div.box { border: solid; border-width: thin; width: 100%; 
  padding: 1em; margin-top: 1em; margin-bottom: 1em;}
  
  div.color {
    background: rgb(204,204,255);
    margin-left: 20%; margin-right: 20%;
    padding: 1em;
    border: none;
  }
  
  pre { font-family: courier; background-color: #FFFFFF;
    margin-left: 5%; margin-right: 5%; padding: 1em;
    border: none; }