View Single Post
Old 07-21-2025, 12:41 PM   #23
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,827
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by ElMiko View Post
@RbnJrg - I knew I could count on you for some decent outlier cases!!

Now, I'm curious in the case of the <p> margins not being honored, does that mean that even if you wrap them in a div (with margins), no margins will be reflected? Or simply that margin attributes directly at the <p> level aren't honored. Does this wonkiness extend to blockquotes?
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.
RbnJrg is offline   Reply With Quote