title: Adding footer for printing web pages and setting margins
body: <p>I want to add a footer to an HTML page that will be repeated across all pages WHEN PRINTING. I have managed to achieve this through this code:</p>
  
  <pre><code>@media print {
      p.note {
          bottom: 0; position: fixed; 
      }
  }
  </code></pre>
  
  <p>But now I have a problem with this paragraph going on top of the rest of the copy
  <img src="https://i.stack.imgur.com/rAfJw.gif" alt="enter image description here"></p>
  
  <p>According this Mirosoft <a href="http://msdn.microsoft.com/en-us/library/dd433064%28v=vs.85%29.aspx" rel="nofollow noreferrer">article</a>, this should work for me:</p>
  
  <pre><code>@page :first {
      margin-bottom: 4in;
  }
  </code></pre>
  
  <p>But it doesn't, it doesn't change anything... any ideas?</p>