Hi all,
I am trying to put together an illustrated book. I want to place a svg of the image on the page then add text after the image and have this all be on the same page.
It keeps splitting this into two pages even though there is clearly enough space for both the image and text on the epub page.
Anyone have any ideas on how to fix this?
I am trying to put together an illustrated book. I want to place a svg of the image on the page then add text after the image and have this all be on the same page.
It keeps splitting this into two pages even though there is clearly enough space for both the image and text on the epub page.
Code:
<body>
<div style="text-align: center; padding: 0pt; margin: 0pt; page-break-inside:avoid">
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMin meet" version="1.1" viewBox="0 0 955 930" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image height="930" width="955" x="0" xlink:href="../Images/Image00001.jpg" y="0" /></svg>
<p>Here is some text</p>
</div>
</body>