I've done this to reduce the file size caused by Image Per Chapter
Use absolute values otherwise resize (zoom) by the user moves the text.
Code:
<div class="heading" id="chapter-008-heading">
<div class="heading-image-size-container">
<img height="120" alt="" src="../Images/orobus.jpeg" width="117" />
</div>
<h1 class="title">8</h1>
</div>
CSS
Code:
.title {
margin-top: -90px;
font-size: 28pt;
/* -2em; */
}
This is still a bit fragile due to how the different DEVICE render things (do their own ignore the spec) Looks good on my Kobo, but vertical placement seems to wander on my K4