title: H1 tag not working
body: <p>Below is a portion of my html code but the css for the h1 tag doesn't seem to be working. What seems to be the problem?</p>
  
  <pre><code>h1 {
      font-size: 20px; 
      color: #445668; 
      text-transform: uppercase;
      text-align: center; 
      margin: 0 0 35px 0; 
      text-shadow: 0px 1px 0px #f2f2f2;
  }
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="box"&gt;
  &lt;form id="truth"&gt;
  
  &lt;h1&gt; Truth &lt;/h1&gt;
  First Name: &lt;input type="text" name="firstname"  maxlength="30" /&gt; &lt;br&gt;
  Last Name: &lt;input type="text" name="lastname"  maxlength="30"/&gt; &lt;br&gt;
  Email: &lt;input type="text" id="email" /&gt; &lt;br&gt;
  Male &lt;input type="radio" name="gender" value="male"/&gt;
  Female &lt;input type="radio" name="gender" value="female"/&gt; &lt;br&gt;
  Date to be performed:&lt;input type="date" name="date"/&gt;&lt;br&gt;
  Victim:  &lt;input type="text" name="victim"  maxlength="30" /&gt;
  &lt;input type="submit" onclick="validateEmail();" /&gt;
  
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>