Page-Break-Inside: Avoid - Solution or Hack?
I am currently working on a book for a client with a lot of images and tables for .mobi. It is really important to them to keep the paragraph headings and images/text together.
I have tried to group heading and image/text in a <div> and apply page-break-inside: avoid in the css. I have also tried to apply page-break-after: avoid; to the headings (<h3>). None is working and I assume both CSS elements are not working yet. Is there any other hack to circumvent this issue and force paragraphs to not break apart from putting the whole paragraph in an image.
I would be super happy for any ideas.