title: CSS can't use font-size attribute?
body: <p>So I have a bit of code that I've been trying to do for an hour. I know I must be making a stupid mistake, but CSS won't change font-size no matter what I put.</p>
  <pre><code>  &lt;div class=&quot;top&quot;&gt;
     &lt;div style=&quot;width:460px;float:right;&quot;&gt;
      &lt;form action=&quot;login.php&quot; method=&quot;POST&quot;&gt;
        Username:&amp;nbsp;&lt;input class=&quot;login&quot; type=&quot;text&quot; maxlength=&quot;30&quot; /&gt;
        &amp;nbsp;Password:&amp;nbsp;&lt;input class=&quot;login&quot; type=&quot;password&quot; /&gt;
        &amp;nbsp;&lt;input class=&quot;button&quot; type=&quot;submit&quot; value=&quot;Login&quot; /&gt;
      &lt;/form&gt;
    &lt;/div&gt;
  </code></pre>
  <p>The error lies with the text- &quot;Username&quot; and &quot;Password.&quot; I don't know what to do! Here's my style code:</p>
  <pre><code>&lt;style type=&quot;text/css&quot;&gt;
    div.top{
      margin:-8px;
      height:21px;
      font-size:12pt;
      font-family:sans-serif, verdana;
      background-color:#313131;
      color:#ffffff;
      padding:3px;
      padding-right:8px;
      padding-left:8px;
      border-bottom:2px solid #6b6b6b;
    }
    input.login{
      height:18px;
      font-family:sans-serif, verdana;
      font-size:12pt;
      border-width:0px;
      width:100px;
    }
    input.button{
      height:18px;
      font-size:10pt;
      font-family:sans-serif, verdana;
      border:2px solid #6b6b6b;
      cursor:pointer;
      line-height:18px;
      background-color: #ffffff;
    }
  &lt;/style&gt;
  </code></pre>
  <p>I've even tried putting the words in <code>&lt;span&gt;</code>'s and setting those inline, and in the style tags, but they don't work! Here's my full document:</p>
  <pre><code>&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt; 
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html&quot; &gt;
  &lt;style type=&quot;text/css&quot;&gt;
    div.top{
      margin:-8px;
      height:21px;
      font-size:12pt;
      font-family:sans-serif, verdana;
      background-color:#313131;
      color:#ffffff;
      padding:3px;
      padding-right:8px;
      padding-left:8px;
      border-bottom:2px solid #6b6b6b;
    }
    input.login{
      height:18px;
      font-family:sans-serif, verdana;
      font-size:12pt;
      border-width:0px;
      width:100px;
    }
    input.button{
      height:18px;
      font-size:10pt;
      font-family:sans-serif, verdana;
      border:2px solid #6b6b6b;
      cursor:pointer;
      line-height:18px;
      background-color: #ffffff;
    }
  &lt;/style&gt;
  &lt;/head&gt;
   &lt;body&gt;
        &lt;div class=&quot;top&quot;&gt;
         &lt;div style=&quot;width:460px;float:right;&quot;&gt;
          &lt;form action=&quot;login.php&quot; method=&quot;POST&quot;&gt;
            Username:&amp;nbsp;&lt;input class=&quot;login&quot; type=&quot;text&quot; maxlength=&quot;30&quot; /&gt;
            &amp;nbsp;Password:&amp;nbsp;&lt;input class=&quot;login&quot; type=&quot;password&quot; /&gt;
            &amp;nbsp;&lt;input class=&quot;button&quot; type=&quot;submit&quot; value=&quot;Login&quot; /&gt;
          &lt;/form&gt;
        &lt;/div&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p><strong>I just guess I needed to change the font-size in the font, as those were what the font was inheriting...? I don't know. Well, at least it works! :P</strong></p>