I'm not really sure what you are asking, and apologise if I've misunderstood your post and the replies. The following CSS and HTML will put an image to the right of the 'page', and text following will float around the image.
div.illustration {
margin: 0 0 0 5px; padding: 0;
/* border: 1px solid black; */
width: 50%;
float: right;
}
div.illustration img {
border: 0; margin: 0; padding: 0;
width: 100%;
display: inline;
}
div.illustration p {
margin: 0; padding: 0;
text-align: center;
text-indent: 0;
font-size: smaller;
} /* With thanks to Elizabeth Castro */
<div class="illustration">
<img src="images/Author.png" alt="Wilkie Collins"/>
</div>
<p>text goes here</p>
It is taken from Elizabeth Castro's excellent book
EPUB straight to the Point