title: Remove underlining caused by abbr tag
body: <p>I use the <code>&lt;abbr&gt;</code> tag to show the full content of some trimmed words with the CSS property <code>text-overflow: ellipsis</code> . </p>
  
  <p>When using <code>&lt;abbr&gt;</code> these words get a dotted underline and on hover cursor changes to one with a question mark.</p>
  
  <p>I did manage to change it using this. But, I'm not sure this is the best way, is there anything wrong with this approach? </p>
  
  <pre><code>abbr[title] {
    border-bottom: none !important;
    cursor: default !important;
  }
  </code></pre>