Quote:
Originally Posted by Jellby
Easy:
Code:
<div style="page-break-inside: avoid">
<img src="snowball.jpg" alt=""/>
<p>A cool image</p>
</div>
and get the readers to properly support it  |
I believe that would assume that the physical size of the screen would allow for a full display of the image and the text beneath.
If the image size is greater that what the screen can accommodate what happens depends entirely on the Reader.
It may work with widow/orphan attributes (again provided the physical size allows it), of course where supported.
Or one can make a floating block with
display: inline-block eg in a
div comprising both items. Again, where it is supported.