Also, please how can I set the distance from the edge of the page?
For the footer - using this code - it has like a half inch of blank space below the page number. Just like a printed book.
<p style="text-align:center; color: gray; font-size: x-small"> _PAGENUM_</p>
Using this code for the header,
<header style="justify-content: flex-end; color: gray; font-size: x-small"><div class="odd-page"><i>_SECTION_</i></div></header>
The text it right at the very edge of the top of the page. And, sadly on EVERY page, not just the odd pages as described.
So, question is expanded:
How to make the headers behave as described here:
You can even put different content on even and odd pages, for example the following header template will show the title on odd pages and the author on even pages:
<header style="justify-content: flex-end">
<div class="even-page">_AUTHOR_</div>
<div class="odd-page"><i>_TITLE_</i></div>
</header>
calibre will automatically replace _TITLE_ and _AUTHOR_ with the title and author of the document being converted. Setting justify-content to flex-end will cause the text to be right aligned.
Then, how to get the header, once it
is working, to sit more in the center of the top margin.
I tried to post images, but the BB code didn't work. And, direct links are stripped out.
Sincerely,
Blaine