Quote:
Originally Posted by Tex2002ans
...
It's possible... But would it work well on actual devices? Not really.
When I deal with poems + figures/captions, I follow the best practices I described in the links above, then cross my fingers and hope better devices/readers come out in the future. 
|
Yup, that pretty much sums it up. You could
try something like:
Code:
div.keeptogetherprettyplease {break-inside:avoid}
<div class="keeptogetherprettyplease">
<h3>The First Question</h3>
<p class="Question">WHAT is your name?</p>
<p class="Answer">Sir Robin of Camelot.</p>
</div>
<div class="keeptogetherprettyplease">
<h3>The Second Question</h3>
<p class="Question">WHAT is your quest?</p>
<p class="Answer">To seek the Holy Grail.</p>
</div>
<div class="keeptogetherprettyplease">
<h3>The Third Question</h3>
<p class="Question">WHAT is the capital of Assyria?</p>
<p class="Answer">I don’t know that.......Auuuuuuuugh.</p>
</div>
The device/app is responsible for all that stuff. All we can do is put in the way we would
want it (our css). Some devices/apps are better at following those desires than others. However, even for the best device out there, they are still constrained by unchangeable things like screen size, or if the device is in portrait vs landscape mode, or how big is the font the user wants to read with, or what are the margins around the outer edge of the device, or what line-spacing they want..... are you seeing some of the issues??
No matter what we would like, the user may not see more than a few words per screen (seriously... my wife has the font sooo large and the spacing so big, she only sees a few words per 'page' on her iPhone 14 Pro Max.) So all that headache you are putting yourself through to get it
just right really is only worth it in a print format....not a reflowable electronic one.
Cheers!
edit: ooops...ninja'd by RbnJrg. I would completely trust his advice if you are using ePub2. But I think widows/orphans have been deprecated in ePub3, so you may need to check that if you are using ePub3.