How to insert page breaks on the print screen with CSS?

Web Development
,
1

Can anyone tell me how to show page break? I want to print a page from my website. Now everything on that page is printed on the same page but I want to print it on 2 pages. I mean I want to split the page. So how do I do that?

2

You can use 2 CSS properties page-break-before and page-break-after to achieve your goal.
You can add the CSS to your print media style sheet.

@media print {
  div.page-break{ page-break-before: always; }
}

Or you can just add an HTML tag if you don’t care about print media queries. Anyway page-break-before and page-break-after won’t do anything visual so it doesn’t matter.

<!-- Page Break -->
<div style="page-break-before: always;"></div>