: Re: Can I split chapters with CSS? I'm learning to create epubs with InDesign. If you want a particular element inside a chapter (e.g. a subheading) to appear at the top of the next page, you

@Jamie

Vote Up Vote Down   0 Reactions

Login to give Reaction!

It can be accomplished with the page-break-after (link) or page-break-before (link) CSS properties. Pretty obviously, these create a page break after or before the element that they are applied on.

Here are a couple of examples of their use:

page-break-after

CSS style

.newpage {
page-break-after:always;
}

HTML code

<p class="newpage">This text is on a page. The text will be split after this paragraph.</p>

<p>This text is on the following page, after the split.</p>

page-break-before

CSS style

.newpage {
page-break-before;
}

HTML code

<p>This text is on a page. The text will be split after this paragraph.</p>

<p class="newpage">This text is on the following page, after the split.</p>

As you can see, they accomplish the same thing with a small difference (where you should put the property itself); depending on the situation, one could be more appropriate than the other.

I tested it with Calibre internal reader and on a Kobo Glo device, and it works in both of them.

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

(0)

Login to post a comment!