title: How do I show a section on print but hide it on screen?
body: <p>I want to hide an image/logo on screen but want it to display on print. My efforts have not been working though. What's wrong with my code?</p>
  
  <pre><code>&lt;style&gt;
  @media print {
     #othersections, #ebooknav {display: none;}
     #test {width: 100%; margin-top: 150px;}
     #printlogo {display: block; margin-top: 0px;}
               }
  &lt;/style&gt;
  &lt;script&gt;
  function myFunction() {
      window.print();
  }
  &lt;/script&gt;
  &lt;div id="printlogo" style="display: none;"&gt;&lt;img src="/images/logo.png" /&gt;&lt;/div&gt;
  &lt;div id="test" style="margin-right:220px; float:left;"&gt;
  Content to be printed
  &lt;/div&gt;
  &lt;div id="ebooknav"&gt;
  &lt;a href="" title="Print Page" onclick="myFunction()"&gt;&lt;img src="/printbutton.png" /&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>