[JSWolf]

Originally Posted by SuperDerpBro

So, I've been using default settings aside from these..

I check disable font size resizing
I add body {orphans: 1 !important; widows: 1 !important;} to the “Extra CSS” section
I select “Tablet” for my output profile in Page Setup

Seems to look okay. Still have no real idea what I'm doing, heh.

I've also been recommended to use...

body, div, h1, h2, h3, h4, h5, h6, p {orphans: 1 !important; widows: 1 !important;}

instead of...

body {orphans: 1 !important; widows: 1 !important;}

What is the difference? I only found out what orphans and widows are today

The second CSS is a bit convoluted. You don't need any sort of reset CSS.

This is the CSS I always use. Any of it that goes unused gets removed when I am done editing the eBook.

blockquote {
  margin-top: 1em;
  margin-right: 1.5em;
  margin-bottom: 1em;
  margin-left: 1.5em;
}
body {
  widows: 1;
  orphans: 1;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-align: justify;
}
hr {
  margin-top: 1em;
  margin-right: 40%;
  margin-bottom: 0.9em;
  margin-left: 40%;
  border-top: 2px solid;
}
img {
  max-height: 100%;
  max-width: 100%;
}
p {
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 1.2em;
}
.blockquote {
  margin-top: 1em;
  margin-right: 1.5em;
  margin-bottom: 0;
  margin-left: 1.5em;
}
.cover {
  text-align: center;
  text-indent: 0;
  height: 100%;
}