I have some HTML documents that are converted to PDF, using software that renders using QtWebkit (not sure which version).

Currently, the documents have specific tags to split into columns and pages - so whenever the wording changes, it is a manual time-consuming process to move these tags so that the columns and pages fit.

Can anyone provide a way to have text auto-wrapped into the next column/page (as appropriate) when it reaches the bottom of the current container?

Any HTML, CSS or JS supported by QtWebkit is ok (assuming it works in the PDF converter).

(I have tested the webkit-column-* in CSS3 and it appears QtWebkit does not support this.)

To make things more exciting, it also needs to:
- put a header at the top of each page, with page X of Y numbering;
- if an odd number of pages, add a blank page at the end (with no header);
- have the ability to say "don't break inside this block" or "don't break after this header"

I have put some quick example initial markup and target markup to help explain what I'm trying to do.

(The actual documents are far more complicated than that, but I need a simple proof-of-concept before I attack the real ones.)

Any suggestions?

Update:
I've got a partially working solution using Aaron's "filling up" suggestion - I'll post more details in a bit.