I'm auto generating the epub(in calibre, from odf, with the intended reader being google play books, and yes i know they do a bunch of crazy stuff to it in the backend) so there is not much if anything i can do with the html format since there will be thousands of occurrences between a few hundred different files through out the book, the intended look is a video-game popup box, but iv'e been stuck keeping the text, padding, border and fill from splitting between pages, this is for personal use only so the fix doesn't have to be elegant or cross-platform just work in google play books, and be a css only edit.
anyone have a clue? thanks for any help that can be given.
things iv'e tried
page-break-inline:avoid;
break-inline:avoid;
html
Code:
<p class="p-pb">some text</p>
css
Code:
.p-pb {
background-color: #113166;
display: block;
font-family: "Liberation Serif", serif;
font-size: 1em;
font-weight: bold;
line-height: 120%;
text-align: center;
color: white;
margin: auto;
padding: 0.4in;
border: #0986ed solid 4pt;
border-radius: 7px;
}