Putting it all together

Ok everybody, this is what you can do with all you learn in the previous CSS section. We suggest that you try it because practicing is the best way to learn.

body {
     font-family: arial, helvetica, sans-serif;
      font-size: 80%;
      color: black;
      background-color: #ffc;
      margin: 1em;
      padding: 0;
}
/* By the way, this is a comment ^_^ */
p {
      line-height: 1.5em;
}
h1 {
      color: #ffc;
      background-color: #900;
      font-size: 2em;
      margin: 0;
      margin-bottom: 0.5em;
      padding: 0.25em;
      font-style: italic;
      text-align: center;
      letter-spacing: 0.5em;
      border-bottom-style: solid;
      border-bottom-width: 0.5em;
      border-bottom-color: #c00;
}
h2 {
      color: white;
      background-color: #090;
      font-size: 1.5em;
      margin: 0;
      padding: 0.1em;
      padding-left: 1em;
}
h3 {
      color: #999;
      font-size: 1.25em;
}
img {
      border-style: dashed;
      border-width: 2px;
      border-color: #ccc;
}
a {
      text-decoration: none;
}
strong {
      font-style: italic;
      text-transform: uppercase;
}
li {
      color: #900;
      font-style: italic;
}
table {
      background-color: #ccc;
}