View Single Post
Old 02-26-2023, 11:03 PM   #5
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,363
Karma: 20212733
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Quote:
Originally Posted by Tex2002ans View Post
...

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.

Last edited by Turtle91; 02-26-2023 at 11:13 PM.
Turtle91 is offline   Reply With Quote