Is my problem with the CSS, or is it with the MOBI format, or is it with the VOYAGE, or is it with the KINDLE PREVIEWER? (come on, I'm giving you enough choices, you must have an opinion!)
I build my epub with Sigil, then convert to mobi using Calibre v 2.47.
I am using Kindle Previewer for PC v2.92 to view the books after conversion. When viewing the result for the Voyage, the pictures are left-aligned. For Kindle DX, they are centered as they should be.
I have tried using <center></center> with a div with text-align: center, and also added a class assigned directly to the image with text-align:center.
Code:
.illus
{
border: 0; padding: 0;
text-indent: 0;
text-align: center;
page-break-inside: avoid;
margin-top: 1.0em;
margin-bottom: 1.0em;
}
.img100
{
width: 900px;
height: auto;
margin-left: auto;
margin-right: auto;
}
HTML:
Code:
<div class="illus">
<img alt="" class="img100" id="cwa-07" src="../Images/cwa-07.jpg"/>
<div>THROUGH HILLSIDE VILLAGES</div>
</div>
ALTERNATE HTML:
Code:
<center>
<div class="illus">
<img alt="" class="img100" id="cwa-07" src="../Images/cwa-07.jpg"/>
<div>THROUGH HILLSIDE VILLAGES</div>
</div>
</center>
Incidentally, the Calibre conversion to azw3 seems flawless.
So, what is the verdict? Is there a solution for me?
EDIT TO ADD: The actual kindle format ebooks are here:
https://www.mobileread.com/forums/sho...d.php?t=275896