<div class='content'>
  <h1>Chapter 1</h1>
  <p>This is the first chapter of the document. It contains some introductory text.</p>
</div>
<div class='content'>
  <h1>Chapter 2</h1>
  <p>This is the second chapter of the document. It follows after a page break.</p>
</div>

.content {
  padding: 20px;
  border: 1px solid #ccc;
  margin: 20px;
  background-color: #f9f9f9;
}

.content:last-child {
  page-break-after: always;
}

// No JavaScript required for this demo

Chapter 1

This is the first chapter of the document. It contains some introductory text.

Chapter 2

This is the second chapter of the document. It follows after a page break.