View Single Post
Old 05-26-2020, 11:24 AM   #4
jackie_w
Grand Sorcerer
jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.
 
Posts: 6,252
Karma: 16544692
Join Date: Sep 2009
Location: UK
Device: ClaraHD, Forma, Libra2, Clara2E, LibraCol, PBTouchHD3
Quote:
Originally Posted by Stevex View Post
Hi can anyone quickly help me with the below?

I would like to avoid the line throws and have it display as the Calibre preview - if possible -.
I don't want anyone to spend a lot of time on this!!! But any quick help appreciated!!!
I found a book in my library with headings + 2 surrounding images. It seems to work fine as a kepub (ETA: and also as a standard epub).

HTML:
Code:
<h3 class="ct"><img alt="image" class="chorn" src="../images/ornl.png"/> fifteen <img alt="image" class="chorn" src="../images/ornr.png"/></h3>
CSS:
Code:
.ct {
    display: block;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.3;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2em;
    text-align: center;
    text-indent: 0;
}
img.chorn {
    height: 1em;
    vertical-align: middle;
    width: auto;
}
I can post a screenshot if you need it.

Last edited by jackie_w; 05-26-2020 at 11:35 AM. Reason: Changed img CSS
jackie_w is offline   Reply With Quote