Or maybe the below from an epub2
Also works converted to AZW/KF8 and old Mobi. Tested on DXG, Keyboard and PW3 as well as 3 makes of ePub reader and several apps, but not moonreader.
On the page:
Code:
<div class="center"><img src="../images/00009.gif" alt="" title=""/></div>
Or if the image is too small in some eReaders / app& Device and too big in others:
Code:
<div class="center"><img class="figscale" src="../images/00013.gif" alt="" title=""/></div>
and
In the CSS
Code:
.center {
display: block;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center
}
.figscale {
width: 1920 px;
max-width: 67%
}
.figcenter {
width: auto;
height: auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center
}
There seems to be no way to make images used as drop caps work in old mobi. I don't use them myself as I think they reduce readability and merely an egotistical simulation of manuscript illluminatation. However they are in some PD ebooks.
I've never had to edit HTML & CSS of our own docx to epub2 since figuring out what styles and page stuff works on Calibre imports. I have though edited a lot of PD ebooks. In extreme cases they are so bad that even clever regex couldn't fix them, so I did convert to RTF, saved that and imported it to MS Word or LO Writer. Now abandoned Word 2+ years ago.