PS - I found this rule:
"All other things being equal, the styles that are defined latest, i.e. written nearest to the actual HTML elements and read by the browser last, will over-rule earlier definitions."
so I traced the sequence:
Code:
</head>
<body class="calibre">
<div class="calibre3" id="calibre_pb_0"></div>
<div class="calibre4" id="calibre_pb_1"></div>
<h2 class="calibre5" id="heading_id_6"><span class="none1">Chapter 6.</span><br class="calibre6" />
<br class="calibre6" /></h2>
<p class="noindent"><span class="none"> ... text.....
and checked the margin definition in every class referenced above.
I still could only made your technique work by adding an explicit margin-bottom defn to my .noindent class
.calibre {
display: block;
font-size: 1em;
line-height: 1.2;
margin-bottom: 0;
margin-left: 0;
margin-right: 5pt;
margin-top: 0;
padding-left: 0;
padding-right: 0;
page-break-before: always
}
.calibre1 {
display: table-row;
vertical-align: middle
}
.calibre2 {
display: block
}
.calibre3 {
border-bottom: 0;
border-top: 0;
display: block;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
page-break-after: always;
text-indent: 1em
}
.calibre4 {
display: block;
page-break-after: always
}
.calibre5 {
display: block;
font-size: 1.125em;
font-weight: bold;
line-height: 1.2;
margin-bottom: 0.3em;
margin-left: 0;
margin-right: 0;
margin-top: 1em;
text-align: center
}
.calibre6 {
display: block;
line-height: 1.2
.none {
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none
}