And here's the CSS I'm using:
<style type="text/css" media="screen"><!--
img.sgc-1 {width:300px;
max-width:100%;}
.backcover {
height: auto;
max-width: 100%;
width: 600px;}
h3 {display: block;
font-size: 2em;
font-weight: bold;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
margin-top: 0.83em;
page-break-before: always;
text-align: center;
font-family: sans-serif;}
h3.Chapter {
text-align: right;
}
img.czp {
height: auto;
margin-top: 2em;
max-width: 40%;
width: 100px;
margin: auto;
}
.center1 {
display: block;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
text-align: center;
}
p.chizine-body-indent- {
display: block;
font-size: 1em;
margin-bottom: 0.3em;
margin-left: auto;
margin-right: auto;
margin-top: 0.3em;
text-align: left;
text-indent: 25pt;
}
.spacer {
display: block;
margin-bottom: 1.2em;
}
p.chizine-body-no-indent- {
display: block;
font-size: 1em;
margin-bottom: 0.3em;
margin-left: auto;
margin-right: auto;
margin-top: 0.3em;
text-align: left;
text-indent: 0pt;}
.smaller {
font-size:85%;
}
.pagebreak {
display: block;
page-break-before: always;
}
--></style>
|