Я пытаюсь использовать print.css для печати одного элемента div на странице, и у меня ничего не получается.

Пример моего кода таков:

<div class="print">
This div needs to be on one page.
</div>

<div class="print">
This div needs to print on a separate page.
</div>

У меня есть пара divs, как указано выше, и мне нужно, чтобы каждый div был на своей странице при печати. Я пробовал 'page-break-before' и 'page-break-after' в классе .print в print.css. Я не уверен, что я делаю неправильно.

Мне кажется, что 'page-break-after' будет правильным, и это решение, которое я всегда нахожу при поиске, но я просто не могу заставить его работать.