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.