title: How do I apply this css class
body: <p>I am having trouble applying this CSS class. The <code>red-text</code> class is not being applied to my HTML. Why?</p>
  
  <p>Here is the CSS:</p>
  
  <pre><code>&lt;style&gt;
  .red-text {
    color: #FF0000
  }
  .green-text {
  color: #00FF00
  }
  .dodger-blue-text {
  color: #2998E4
  }
  .orange-text {
  color: #FFA500
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;h1 class="red-text"&gt;I am red!&lt;/h1&gt;
  &lt;h2 class="green-text"&gt;I am green!&lt;/h2&gt;
  &lt;h3 class="dodger-blue-text"&gt;I am dodger blue!&lt;/h3&gt;
  &lt;h4 class="orange-text"&gt;I am orange!&lt;/h4&gt;
  </code></pre>
  
  <p>Why does the <code>red-text</code> not get applied?</p>