title: css - how to hide href link nested inside a div?
body: <p>I have a div with an anchor tag inside it. I want to set the display of just the "a" tag as none. How would I go about doing it? It looks like-</p>
  
  <pre><code>&lt;div id="upper"&gt;
      &lt;a href="http://myLink"&gt;Hide Me!&lt;/a&gt;
      &lt;p&gt;Not to hide this text &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried doing -</p>
  
  <pre><code>#upper a {display:none;}
  </code></pre>
  
  <p>However this does not work for some reason. What am I doing wrong?</p>