I have a dynamic page generated from data in a form that fills in a template. This works fine and displays well rendering all HTML as it should. 

The issue I'm having occurs when I try to use the PDF exporting functionality. Since some pages extend over multiple pages, text at the bottom of the page overflows failing to respect margins and any padding. I have created a print-only style sheet that defines margins for the pages and padding for specific elements but the overflow is constant. Can anyone provide any guidance as to the set of standards that the PDF exporter follows and whether there is a preferred approach for achieving this type of formatting? Additionally, can someone provide similar guidance for achieving repeating headers and footers across these pages and onto the pdf? Sample code is attached:

2. <style type="text/css" media="print">
4. @page {
5. margin:1.9cm;
6. }
7. .no-print, .no-print *
8.     {
9.         display: none !important;
10.     }
11. 
    
12. div.box {
13. margin:.75in;
14. padding: 50px;
15. page-break-after:avoid;
16.         page-break-before:avoid;
17. page-break-inside:auto;
19. }
20. </style>
21. div class="box">
22.   <h3> Titles here</h3>
23.   <p> Paragraph 1</p>
24.   <p> Paragraph 2</p>
25.   <p> Paragraph 3</p>
26.   <p> Paragraph n....</p>
27.  </div>

Any help would be greatly appreciated. 

Thanks,

John