: Re: How can I prevent a widowed/orphaned header? 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

@Karen

Vote Up Vote Down   0 Reactions

Login to give Reaction!

I would use

h4 {page-break-after: avoid;}

p {
widows: 2;
orphans: 2;
}

I think this works for Kindles as well as epubs. This is just example code. My guess is that this is structured content you would want to use a special class for the paragraphs below the h4.

I would not be surprised if the Kindle e-ink devices do not support this css property when it is used inside a divs -- only for h1 or p.

Last time I checked Google Play Books doesn't seem to render this css property correctly (I haven't checked recently though).

Sekhemty's solution probably works too, but it was used when epub readers and kindle devices didn't support these css properties. Now they do.

Read more on this topic in this article medium.com/@sandersk/responsive-ebook-design-a-primer-8bba01328219#.tzhyw83kh (about 2/3 of the way down).

Free books android app tbrJar TBR JAR Read Free books online gutenberg

(0)

Login to post a comment!