[RbnJrg]

Originally Posted by SigilBear

I'm working on an epub in Sigil. I have a chapter that has brief information for each of the 50 states. Each section begins with a state's name in a h4 tag.

When I preview my book, I sometimes see a header resting on the bottom of a page, with the following paragraph on the next page.

I tried wrapping the header and following paragraph in a div, like this...

<div class="Widow">
<h4 class="State" id="me">Maine</h4>
<p>This is a paragraph.</p>
</div>
Then applying this style:

div.Widow { widows: 3; }

I also changed widows: 3 to orphans: 3, just to make sure I didn't have it backwards. But it doesn't work.

Can anyone suggest another strategy for gluing a paragraph to a header, so the header doesn't wind up all alone on the preceding page?

Thanks.

What you should use is the property "page-break-after: avoid". Don't use "page-break-inside: avoid". Something like:

h4 {
     page-break-after: avoid;
}

However, that code only will work for ereaders based on RMSDK (ADE). For ereaders based on webkit, you won't be able to avoid a header resting on the bottom of a page.

Regards
Rubén