Quote:
Originally Posted by ElMiko
@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.