title: How to target content through css
body: <p>I have this html that I <strong>cannot edit</strong>:</p>
  
  <pre><code>&lt;div id="menu"&gt;
   &lt;a href=""&gt;Home&lt;/a&gt; &amp;nbsp;|&amp;nbsp;
   &lt;a href=""&gt;Meet Our Physicians&lt;/a&gt; &amp;nbsp;|&amp;nbsp;
   &lt;a href=""&gt;Services&lt;/a&gt; &amp;nbsp;|&amp;nbsp;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have to make it responsive and when when on mobile I want to delete the <code>&amp;nbsp;|&amp;nbsp;</code></p>
  
  <p>How can I target it? Something like:</p>
  
  <pre><code>@media screen and (max-width:480px){
  element{
  display:none;
  }
  }
  </code></pre>