Hello,

I need to display the bottom-right content of the below CSS like this:
Line 1
Line 2

and it should be on the right part of the footer.

This is my CSS:

@page {
    size: 1780px 960px;
    margin-top: 150px;
    @top {
        /* use the header flow as content */
        content: flow(header);
    }
    @bottom {
        content: "Page " counter(page) " of " counter(pages);
    }
    @bottom-right {
        content: "Line1 Line2";
    }
}

I tried to put \n, \a, <br/> between the strings but nothing worked. Is there someone that has an idea how to achieve it?

Thank you.

Edited 5 Dec 2020 by skoleva

Using \a and applying "white-space: pre-line" to the margin box will work, or you could flow an element from the document.

Thank you, Mike. I tried with flowing an element to the footer. And it worked