title: Setting multiple paragraph styles in css
body: <p>This is a top level question and is more based on my ignorance of css than anything else.  I am trying to create two paragraph styles in css, one with a 20px font size and another with a  14px font size.  However, no matter what I seem to do, the fonts come out the same.  Attached is an example of what I am doing right now, if anyone can point me to a solution I would great appreciate it. For brevities sake I am leaving out un-necessesary code.</p>
  
  <p>the html code looks like this</p>
  
  <pre><code>&lt;p&gt;This is the html section with 20 px font&lt;/p&gt;
  
  &lt;p class="new_font"&gt; This is the html section with 8px font&lt;/p&gt;
  /* I have also tried this with a &lt;div class="new_font"&gt; and and &lt;p id="new_font&gt;"*/
  </code></pre>
  
  <p>the css code looks like this</p>
  
  <pre><code>p {
       /*text-indent: 1.5em;*/
       font: 20px Helvetica, Sans-Serif;
       color: white;
       overflow: hidden;
       padding: 15px;
       text-align: justify;
       background: rgb(0, 0, 0,0.3); /* fallback color */
       background: rgba(0, 0, 0, 0.7);
  }
  p new_font {
       /*text-indent: 1.5em;*/
       font: 14px Helvetica, Sans-Serif;
       color: white;
       overflow: hidden;
       padding: 15px;
       text-align: justify;
       background: rgb(0, 0, 0,0.3); /* fallback color */
       background: rgba(0, 0, 0, 0.7);
  } 
  </code></pre>