title: Javascript print multiple divs on different pages
body: <p>I need to print on A4 paper with each <code>&lt;div&gt;</code> starting on different pages</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="1"&gt;
    //content
   &lt;/div&gt;
   
   &lt;div id="2"&gt;
    //content
   &lt;/div&gt;
   
   &lt;div id="3"&gt;
    //content
   &lt;/div&gt;
   
   ....</code></pre>
  </div>
  </div>
  </p>
  
  <p>For example, <code>&lt;div id="1"&gt;</code> could be 2 or 3 pages in content, but <code>&lt;div id="2"&gt;</code> still needs to start on a new page.</p>