[JSWolf]

Originally Posted by Aleron Ives

Here's an example of three consecutive pages. Pages 1 and 3 have 20 lines of text, but page 2 has only 19 lines. Perhaps the problem is that if there is more than one new paragraph on the same page, it takes up enough extra space that line 20 won't fit. The last line on page 1 is 12 pixels closer to the edge than on page 3, which is all one paragraph.

I know exactly what the reason for page 2 having one less line. It's because you have paragraph spaces. page 1 has 1 paragraph space. Page 3 has no paragraph space. Page 2 has 2 paragraph spaces so there's not enough space for another line. The solution is to remove the paragraph spaces and all three pages will have the same number of lines.

I get rid of paragraph spaces. Here is the code I use for <p>. I also get rid of <p class="someclassIdonotneed"> for the majority of paragraph styles. But if you do have something such as <p class="tx"> here is c.tx that doesn't have paragraph space.

p {
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 1.2em;
.tx {
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 1.2em;
}