Also remember if you nest font sizes, unless you specify them in rem (CSS3), the effect may not be quite what you are expecting.
That is if you have something like the following:
Code:
<h3 class="chapnum">Chapter number<br/><br/><span class="smallc">The End of All Dreams</span></h3>
.chapnum {
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1.5em;
page-break-after: avoid;
text-align: center;
font-weight: bold;
}
.smallc {
font-size: 0.75em;
}
The first part will be have a font size of 2em and the second part in the span will have a font size of 2 x .75em or 1.5em.