Hi can anyone quickly help me with the below?
Here is the text:
<p class="p1"><img src="1.jpg" class="img2"/>*TEXT*<img src="2.jpg" class="img2"/></p>
Here are the styles:
.p1 {
display: block;
font-size: 1.5em;
line-height: 1.2;
page-break-after: avoid;
text-align: center;
text-indent: 0;
margin: 5px 0 0.83em;
}
.img2 {
height: auto;
width: auto;
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
vertical-align: middle;
}
In calibre in the preview, the thing displays on one line
IMG1*TEXT*IMG2
But on the kobo, it puts in line throws
IMG1
*TEXT*
IMG2
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!!!
Cheers, Steve