Page break using CSS in HTML to create PDF

Question

I have a custom tag <PBR/> in HTML and I want to break page in PDF from this tag through CSS. But I have no idea about this. How can I break pages: I have tried this in CSS but it is not working --

pbr {
    page-break-before: always;
}

Answer 1

I think the trouble comes in targeting custom HTML tags with CSS.
I suggest using a class instead:

.page { page-break-before:always; }

<pbr class="page" />

Answer 2

Create a custom class with the following properties and apply to your HTML element.

<style>
    .breakhere {
                page-break-after: always;
                display: block;
                clear: both;
            }
</style>

<div class="breakhere">...content...</div>

Note: Make sure your HTML doesn't contain overflow tag, as it will create problem with page-break tags.

Rotativa library provides a good option to return View as PDF.