title: Applying Table cell borders
body: <p>I have an HTML table with the class "productsTable". I want to give each cell in the table a border. Now I have tried the following in my stylesheet but none of the two works. What am I doing wrong? Thank You</p>
  
  <pre><code>td.productsTable
  {
      border: 1px dotted #999999;
  }
  
  .productsTable td
  {
      border: 1px dotted #999999;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table class="productsTable" width="100%" height="100%" cellspacing="2px;"&gt;
  &lt;tr&gt;
  &lt;td width="40%"&gt;We Offer:&lt;/td&gt;
  &lt;td class="ephoneFree tableHeader" width="20%" align="center"&gt;e-phone FREE&lt;/td&gt;
  &lt;td class="personal tableHeader" width="20%" align="center"&gt;Personal&lt;/td&gt;
  &lt;td class="PBX tableHeader" width="20%" align="center"&gt;Pro PBX&lt;/td&gt;
  &lt;/tr&gt;           
  &lt;tr&gt;
  &lt;td width="40%"&gt;Pricing&lt;/td&gt;
  &lt;td width="20%" align="center"&gt;FREE&lt;/td&gt;
  &lt;td width="20%" align="center"&gt;£3 per month&lt;/td&gt;
  &lt;td width="20%" align="center"&gt;From £5 per month&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>