title: Remove blue underline from link
body: <p>I am attempting to have a link show up in white, without an underline. The text color shows up correctly as white, but the blue underline is stubbornly persisting. I tried <code>text-decoration: none;</code> and <code>text-decoration: none !important;</code> in the CSS to remove the link underline. Neither worked. </p>
  
  <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>.boxhead .otherPage {
    color: #FFFFFF;
    text-decoration: none;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="boxhead"&gt;
    &lt;h2&gt;
      &lt;span class="thisPage"&gt;Current Page&lt;/span&gt;
      &lt;a href="myLink"&gt;&lt;span class="otherPage"&gt;Different Page&lt;/span&gt;&lt;/a&gt;
    &lt;/h2&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>How can I remove the blue underline from the link?</p>