[JSWolf]

Originally Posted by theducks

Reverse Engineer it Look at the code
(this is from a Project Gutenberg book)

<h2 id="pgepubid00004"><a id="Chapter_I"></a><a id="Page_5"></a>Chapter I</h2>
  <h3 id="pgepubid00005">PERFUMED PLANET</h3>

In this case there is no class=

So we will apply it to (ALL) H2 instead in the CSS

h1, h2, h3, h4, h5, h6 {
    text-align: center;
    /* all headings centered */
    clear: both;
page-break-before: always;
}

As you can imagine, applying to every H2 might be sub optimal
in many case there would be a class="<something>" associated with those particular H2
so you would find
.<something> {
or
it might be h2.<something> {
and put it there

I have a better way of doing headers.

CSS:

h2 {
text-align: center;
margin-top: 1em;
margin-bottom: 1em
}

HTML:

<h2>Chapter 1</h2>