Print html to multiple page

Question

Assuming we have multiple html paragraph

<p>Paragraph 1</p>
<p>Paragraph 2</p>

Is there a way to print both to different page to the printer ?

Paragraph 1 would be printed on the first page and Paragraph 2 would be printed on the second page.

Thank You

stick enough <br> tags between them, and they'll end up on different pages. Or, you could just style for print ! — adeneo
– adeneo, Commented Jan 13, 2015 at 18:33

antyrat · Accepted Answer · 2015-01-14 02:06:31Z

35

You can do this using CSS page-break-after property:

@media print {
    p { page-break-after: always; }
}

It will print each p element on new page.

window.print()

@media print {
    @page { margin: 0; }
    p { page-break-after: always; }
}

<p>Paragraph 1</p>
<p>Paragraph 2</p>

answered Jan 13, 2015 at 18:33

antyrat

27.7k9 gold badges78 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Love learning new things; page-break-after property. Thanks.

Note that this does not work in several scenarios for current Chrome.