title: How to change font-size of a tag using inline css?
body: <p>Can't change font-size of a tag for given below code</p>
  
  <pre><code>&lt;td valign="top" width="620"&gt;&lt;strong&gt;&lt;a href="images/pub/pub1.pdf" target="_self"&gt;Factsheet of the OSCE Border Management Staff College&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style="font-size: 11px; color: #aaaaaa;"&gt;14 June 2013&lt;/span&gt;&lt;/strong&gt;
  </code></pre>
  
  <p>Tried:</p>
  
  <pre><code>&lt;td valign="top" width="620"&gt;&lt;strong&gt;&lt;a style="font-size:14px;" href="images/pub/pub1.pdf" target="_self"&gt;Factsheet of the OSCE Border Management Staff College&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style="font-size: 11px; color: #aaaaaa;"&gt;14 June 2013&lt;/span&gt;&lt;/strong&gt;
  </code></pre>
  
  <p>Nothing changed;</p>
  
  <pre><code>&lt;td valign="top" width="620"&gt;&lt;strong&gt;&lt;a class="pub" href="images/pub/pub1.pdf" target="_self"&gt;Factsheet of the OSCE Border Management Staff College&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style="font-size: 11px; color: #aaaaaa;"&gt;14 June 2013&lt;/span&gt;&lt;/strong&gt;
  
  a.pub
  {
  font-size: 14px;
  }
  </code></pre>
  
  <p>No changes;</p>
  
  <pre><code>&lt;td class="pub" valign="top" width="620"&gt;&lt;strong&gt;&lt;a  href="images/pub/pub1.pdf" target="_self"&gt;Factsheet of the OSCE Border Management Staff College&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style="font-size: 11px; color: #aaaaaa;"&gt;14 June 2013&lt;/span&gt;&lt;/strong&gt;
  
  td.pub
  {
  font-size: 14px;
  }
  </code></pre>
  
  <p>No effects;
  It is using font of a tag from style.css file
  I want to change font-size for only this a tag.
  Any ideas what I am doing wrong?</p>