title: HTML text background-color not working with <span>
body: <p>I'm having black text appear instead of the colored text I expect to appear. I'm using Chrome as my browser. Here's the line that isn't working:</p>
  
  <pre><code>&lt;ul class="line-legend"&gt;
    &lt;li&gt;
      &lt;span style="background-color:rgba(220,0,0,1)"&gt;
      &lt;/span&gt;
      one
    &lt;/li&gt;
    &lt;li&gt;
      &lt;span style="background-color:rgba(0,0,220,1)"&gt;
      &lt;/span&gt;
      two
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Here's how it appears:</p>
  
  <li>one</li><li>two</li>
  
  <p>I'm very new to HTML.</p>
  
  <p>Thank you.</p>