I have HTML code like this:

<section class="chapter>
  <p> ... </p>
  <p> ... </p>
  <p> ... </p>
  <figure class="plate">
    ...
  </figure>
  <p> ... </p>
  <p> ... </p>
  <p> ... </p>
</section>

And I want to achieve "book plate" effect like shown in the attachment.

What are my options via Prince CSS to make my <figure> be taken out of the page layout so that it gets printed on the consequent page as a full-size illustration?

1. plate.webp‎ 388.4 kB ‎
   Example of a book plate

Edited 21 Mar 2023 by noomorph

You can defer a page, here's how:

https://css4.pub/2022/float/#deferring-to-a-page

Edited 21 Mar 2023 by howcome

Thank you so much!!