title: CSS - Paragraph styling with a DIV class
body: <p>Simple CSS but I can not seem to control the styling of my paragraph tags within a div that has a class supplied.</p>
  
  <p>Here is the example:</p>
  
  <pre><code>.body-content-white, div.body-content-white p  {
  color:#FFFFFF;
  font-family:Helvetica, Gotham, Arial, sans-serif;
  font-size:14px;
  bgcolor="#52c2e9"
  }
  
  
  &lt;div class="body-content-white"&gt; 
  &lt;p&gt; Welcome to the first Newsletter
  &lt;/p&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>This is what I have tried:</p>
  
  <pre><code>div.body-content-white p, p .body-content-white, .body-content-white p 
  </code></pre>
  
  <p>The solution was to add an !important; tag to the CSS Colour as follows:</p>
  
  <pre><code>.body-content-white, div.body-content-white &gt; p  {
  color:#FFFFFF; !important;
  font-family:Helvetica, Gotham, Arial, sans-serif;
  font-size:14px;
  bgcolor="#52c2e9"
  }
  </code></pre>
  
  <p>I could also fix the issue by removing the <code>&lt;div&gt;&lt;/div&gt;</code> and adding the class to the <code>&lt;td&gt;&lt;/td&gt;</code> of my content.</p>