title: Unable to remove HTML a link underlines
body: <p>I'm struggling to get rid of the underline link that appears when you hover over an <code>a</code> element in HTML.  I added a <code>style="text-decoration: none"</code> attribute to the <code>a</code> link but when I put the mouse over the text, the underline appears.</p>
  
  <p>I also tried using this CSS:</p>
  
  <pre><code>.nounderline {
    text-decoration: none;
  }
  
  .nounderline a:hover {
    text-decoration: none;
  }
  </code></pre>
  
  <p>And then setting the <code>nounderline</code> class on the <code>a</code> link.</p>