Hello all,

I'm hoping someone can offer me some ideas about forcing content to begin on a right-hand page.

This seems to work (I've only tested it in a limited fashion) but seems awkward:

CSS:

#contents {
  page-break-before: always; }
  #contents .content {
    page-break-before: right; }

Document:

<div id="contents">
  <div class="content">
    This stuff will end up on a right page.
  </div>
</div>

Thanks,

David

Do you really need the first page-break-before property on the #contents div? It seems like just the "page-break-before: right" should be sufficient.

Ah. My understanding of "page-break-before: right" was incorrect.

I just looked this up and recognize that it is in fact the solution I was looking for.

(I thought it was a conditional page-break that only caused a break if the page (before the break?) was a right-hand page.)

Thanks!