Remove blue underline from link

Question

Having a link appear in white without underlining is what I'm trying to achieve. While the white text is displayed as intended, the blue underlining is obstinately present. Text-decoration: none and text-decoration: none were my attempts. Important: Remove the link underline in the CSS. Neither functioned.

.boxhead .otherPage {
  color: #FFFFFF;
  text-decoration: none;
}

<div class="boxhead">
  <h2>
    <span class="thisPage">Current Page</span>
    <a href="myLink"><span class="otherPage">Different Page</span></a>
  </h2>
</div>

How can I remove the blue underline from the link?