[x2far]

Hi All,

I've pretty much confused myself to the point of no return with my current work document. I truly am a dummy when it comes to creating a nice workflow in Sigil.

My problem is that at the start of every chapter I have inserted a divider image under the chapter heading but for some reason I can't seem to center that image properly.

I seem to have a mass of css and absolutely not real understanding of what I have created. And as such, every time I make adjustments I just screw up even further.

Any help would be appreciated.

Cheers


Problem Code:

  <h2 class="calibre29 sigil_not_in_toc" id="calibre_toc_63"><span class="calibre25"><span class="bold1"><span class="calibre20"><span class="calibre21"><a class="calibre19" id="filepos4649922">CHAPTER 7</a></span></span></span></span></h2>

  <div class="calibre11" style="text-align:center"><img alt="divider" src="../Images/divider.jpg" /></div>

Relevant stylesheet.css for the above:

.calibre11 {
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: justify;
    text-indent: 1.5em
    }
.calibre19 {
    color: inherit;
    cursor: inherit;
    line-height: 1.2;
    text-decoration: inherit
    }
.calibre2 {
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    text-indent: 1.5em
    }
.calibre20 {
    line-height: 1.2
    }
.calibre21 {
    color: black;
    font-size: 0.70588em
    }
.calibre25 {
    font-size: 1em;
    line-height: 1.2
    }
.calibre29 {
    display: block;
    font-size: 1.41667em;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    text-indent: 29px
    }