title: Removing an underline from a link in css
body: <p>I've been trying to remove an ugly underline from a webpage but for some reason it just won't go away.</p>
  
  <p>I've tried using <code>text-decoration:none;</code> and <code>color: #FFFFFF;</code> to no avail.</p>
  
  <p>Original css:</p>
  
  <pre><code>#noday {
      color: #ECECEC;
      font-family: "Times New Roman",Times,serif;
      font-size: 1em;
  }
  </code></pre>
  
  <p>The snippet of code:</p>
  
  <pre><code>&lt;a href="http://www.example.com/content/" target"_blank"&gt;&lt;div id="noday"&gt;&lt;br&gt;&lt;br&gt;Random text here&lt;/div&gt;&lt;/a&gt;
  </code></pre>
  
  <h2>Real example: <a href="http://jsfiddle.net/c0c6g4rd/" rel="nofollow noreferrer">http://jsfiddle.net/c0c6g4rd/</a></h2>
  
  <p>I've looked at: <a href="https://stackoverflow.com/questions/2789703/remove-stubborn-underline-from-link">Remove stubborn underline from link</a> but it hasn't helped :/</p>