View Single Post
Old 07-22-2025, 03:30 PM   #40
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 80,077
Karma: 147983159
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by RbnJrg View Post
PB behaves extremely unusual regarding specific margins applied to a <p> tag. It doesn't even respect them if I declare a style inline. For example, <p style="margin: 2em 0">...</p> isn't honored if, for example, I have declared this in my stylesheet:

Code:
p {
  margin: 0;
  ...
}
Regarding to have:

Code:
<div style="margin: 2em 0">  /* This is honored */
    <p style="margin: 1.5em 0">This is my test</p> /* This isn't */
</div>
but for only one line, you never will write something so. Instead you'll write:

Code:
<div style="margin: 3.5em 0">
    This is my test
</div>
OTOH, if you have:

Code:
<div class="bigMargin">
    <p>This is my test</p>
    <p>This is my test</p>
    <p>This is my test</p>
</div>
and

Code:
.bigMargin {
   margin: 2em 0;  /* PB will honor this */
}

.bigMargin p {
   margin: 0.5em 0; /*PB won't honor this */
}
The opposite also occurs (that is, I have big margins and I want smaller ones for a particular <p>). The best way to understand what happens with PB is to install the app and test different particular margins for the <p> tag.
Will PB respect the margins in <p> if you do something like...

Code:
p {
  margin-top: 2em;
  margin-right: 0;
  margin-bottom: 2em.
  margin-left: 0;
}
I know the nook had an issue with a margin shorthand.
JSWolf is offline   Reply With Quote