For the HTML which the DocBook stylesheet generate, this CSS doesn't work:
This does:
Why doesn't the first one work? Here is the HTML:
div.title { page-break-after: avoid }
This does:
div.figure { page-break-inside: avoid }
Why doesn't the first one work? Here is the HTML:
<div class="figure">
<a name="d4e142" id="d4e142"></a>
<p class="title"><b>Figure 2.1. System
overview diagram <em><span class="remark">(from pptx)</span></em></b></p>
<div class="figure-contents">
<div class="mediaobject">
<img src="resources/system-overview.png" alt=
"System overview diagram (from pptx)">
</div>
</div>
</div>