[Chris_Snow]

Greetings,

I'm reasonably new to ebooks, calibre, sigil and CSS.

But...I've managed to sort things out enough to tweak my ebooks like I want without too much of a problem....until now!

I've got a book that will NOT put a space under the heading. Everything I've done looks fine in the calibre reader, but on my Kobo GLo there is no space under heading. It's driving me nuts

I need some help please.

Here is my stylesheet

.MsoNormal {
    border-bottom: 0;
    border-top: 0;
    display: block;
    font-family: "Times New Roman";
    font-size: 1em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    orphans: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: justify;
    text-indent: 1.5em;
    widows: 0
    }
.calibre {
    display: block;
    font-size: 1em;
    margin-bottom: 0;
    margin-left: 5pt;
    margin-right: 5pt;
    margin-top: 0;
    orphans: 0;
    padding-left: 0;
    padding-right: 0;
    widows: 0
    }
.calibre2 {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.83em
    }
.calibre5 {
    font-style: italic
    }
.softbreak {
    border-bottom: 0;
    border-top: 0;
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    orphans: 0;
    padding-bottom: 0;
    padding-top: 0;
    page-break-before: avoid;
    text-align: center;
    widows: 0
    }
.whitespace {
    border-bottom: 0;
    border-top: 0;
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    orphans: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    widows: 0
    }

Here is the code for the headings - different versions as I tired different things

  <h3 class="calibre2"><a class="calibre" style="text-align: center;">Blah</a></h3>

  <p class="MsoNormal"><br /></p>

  <h3 class="calibre2" style="text-align: center;">Blah<br /></h3>

  <p class="calibre2"><br /></p>

    <h3 class="calibre" style="text-align: center;"><br /></h3>

  <h3 class="calibre" style="text-align: center;">Blah Blah</h3>

  <h3 class="calibre2" style="text-align: center;">Blah<br /></h3>

  <div>
    <span style="font-size: 1em; text-indent: 1.5em;"><br /></span>
  </div>

I'm not sure why it won't work (user error ). I've tried changing the line height, margins, etc and still no go. All the posts I've found have been for removing the space!!

Thx for the assistance.