title: CSS !important not working
body: <p>I have the following code and for some reason the <code>!important</code> qualifier isn't working. </p>
  
  <pre><code>&lt;div style="font-family : calibri; font-size: 20pt !important;"&gt;
    &lt;ul&gt;
      &lt;li&gt;
        &lt;span style="font-size: 11px;"&gt;
          &lt;span style="font-size: 11px;"&gt;
            Honey Glazed Applewood Smoked Spiral Ham 
          &lt;/span&gt;
          &lt;span style="font-size: 11px;"&gt;
            Served with Dijon Honey Mustard and Turkey Roulade
          &lt;/span&gt;
        &lt;/span&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The span tags are generated for website formatting. I was adding the div tag to change the output to PDF format instead of writing a seemingly overcomplicated find and replace function. Since this hack is for specific regions of code, I can't change the CSS sheet. </p>
  
  <p>Any thoughts would be appreciated. </p>