Quote:
Originally Posted by RbnJrg
All <h*> tags come by default with the properties "page-break-after: avoid" and "page-break-inside: avoid".
[...]
But the good news is that you can use now <h*> tags for things you want to be together (not very academic but possible  ).
|
Hacking a <h#> like that would be
extremely poor practice.
So according to what is being said, code such as this still won't stick together?
Code:
<div class="poem">
<p class="poetry">This is a poem.</p>
<p class="poetry">This is a poem.</p>
<p class="poetry">And this is a poem.</p>
</div>
CSS:
Code:
div.poem {
page-break-inside: avoid;
}
(And I assume still zero support from Amazon for the CSS3
break-inside [latest specs recently deprecated+renamed the
page-break-XXXX properties].)
Quote:
Originally Posted by RbnJrg
So if you don't like them, then you need to set in the css stylesheet something like:
Code:
h1, h2, h3, h4, h5, h6 {
orphans: 1;
widows: 1;
}
|
Hmmm... now that widows/orphans are defaulted to 2, would overriding them in the CSS via:
Code:
p {
orphans: 1;
widows: 1;
}
work?
(This has been something that has been frustrating me in my Kobo Forma EPUB renderer. I was complaining to JSWolf about it a few months back. KEPUBs render with default 1 widows/orphans, but EPUB renderer idiotically defaults 2.)