Page Breaks

Your content will automatically be split into pages, according to its length. However, you can also control where the page breaks occur using CSS.

Break before an element

Use the page-break-before property to force a page break before an element.

Copy
section {
  break-before: page;
}

Break after an element

Use the page-break-after property to force a page break after an element.

Copy
section {
  break-after: page;
}

Break before and after an element

If you’re using an element like <section> to demarcate pages, you can force a page break both before and after the element.

Copy
section {
  break-before: page;
  break-after: page;
}