[JSWolf]

Originally Posted by Turtle91

display: block actually has quite a useful purpose if used correctly. Be careful when you say things like that...maybe clarify with: "When using two different block level tags, display:block is redundant."

My example uses 'display: block' correctly in a minimalist fashion and achieves the OP's request quite well (it is even in pretty CSS just for you!):

<h3>Chapter 1 <span>The Ending of the Beginning</span></h3>

/* (however you want to style it:) */
h3 {
	font-size: .75em;
	margin: 2em 0;
	text-align: center;
	font-weight: bold;
        font-family: sans-serif
    }

h3 span {
	display: block;
        font-size: 2em;
        margin-top: 1em;
        font-weight: normal;
        font-family: serif;
        font-variant: small-caps
   }

Of course there are multiple ways to achieve the results and mine is just one example.

Sorry, but that won't work on most Readers that handle ePub. The version of ADE used may not support font-variant. So if you use it, don't expect it to work. So you have to do simulated small-caps. And don't make the small-caps too small as a lot of publishers do.