title: Why can't I change the font size of a link tag but can change this on the surrounding text?
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.full-width-body-no-border-with-padding p, .full-width-body-no-border-with-padding a {
      font-size: 1.2em!important;
  
  }
  
  .full-width-body-no-border-with-padding p, .full-width-body-no-border-with-padding a  {
      color: #898989!important;
   padding-left: 0px!important;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="full-width-body-no-border-with-padding xs-hidden"&gt;
     &lt;p&gt;Surrounding Text &lt;a class="inline_link" &gt;Wont Change Font Size.&lt;/a&gt;&lt;/p&gt;
     &lt;p&gt;Surrounding Tex &lt;a class="inline_link" &gt;Wont Change Font Siz&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Right, why can't I change the font size of the <code>&lt;a&gt;</code>in keeping with the surrounding text?</p>
  
  <p>I have tried: 
  Altering the name attributes in CSS.
  I have tried the "parent child" arrangement in the text.
  I have tried giving the <code>&lt;a&gt;</code> link its own class.
  I have checked to see if there was anywhere else in the CSS which gave an <code>!important</code> suffix to the class - there isnt. </p>
  
  <p>i'm expecting the link font to change to the same size as the surrounding text. The actual results are that the CSS for the <code>&lt;a&gt;</code> tag won't budge.</p>