[JSWolf]

Originally Posted by retiredbiker

Bad old eyes + small screen + big print = left justify and no hyphens, it's a medical fact for me.

The changes actually make sense, I'll give it a try, thanks!

There is one other change I've made to the CSS after looking it over again. I've added a class called nospace so your space for your paragraphs won't cause a blank page. So the last paragraph of the chapter will be <p class="nospace">.

body {
  tyext-align: left;
  margin-top: 0.1em;
  margin-right: 0;
  margin-bottom: .1em;
  margin-left: 0;
  widows: 1;
  orphans: 1;
}
p {
  margin-top: 0em;
  margin-bottom: .1em;
  text-indent: 2em;
}
.noindent {
  margin-top: 2em;
  margin-bottom: .1em;
  text-indent: 0;
}
.chapter {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
  text-indent: 0;
}
.quotations {
  font-style: italic;
  margin-top: 0;
  margin-bottom: 0.5em;
  margin-left: 2em;
  text-indent: 0;
}
.center {
  text-align: center;
  text-indent: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.nospace {
  margin-bottom: 0;
}
.right {
  text-align: right;
  text-indent: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.verse {
  font-style: italic;
  margin-top: 0;
  margin-bottom: 0.1em;
  margin-left: 3em;
  text-indent: -2em;
}
.verse1 {
  display: block;
  font-size: 1em;
  font-style: italic;
  margin-top: 1em;
  margin-bottom: 0.1em;
  margin-left: 3em;
  text-indent: -2em;
}
.widepic {
  height: auto; 
  width: 98%;
}
.narrowpic {
  height: auto;
  width: 50%;
}