Я пытаюсь использовать 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' будет правильным, и что решение, которое я всегда нахожу при поиске, но я просто не могу заставить его работать.

Ответы

<br clear="all" style="page-break-before:always" />

.print {page-break-after:always;}