title: Apply margin to running CSS position
body: <p>I'm using the following CSS code to position my footer at the bottom of the page:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      @page {
          @bottom-center { content: element(footer); }
      }
      #footer {position: running(footer);}
  &lt;/style&gt;
  </code></pre>
  
  <p>Is there a way to display it slightly higher? Adding <code>margin-bottom: 50px</code> doesn't seem to have an effect.</p>
  
  <p>update: the page will be converted to PDF using iText</p>