That's a neat little function...
This is what I got:
Code:
element.style {
}
.brheight {
line-height: 1.75em;
}
.dedic {
font-size: 1.1em;
margin-top: 6em;
margin-right: 5%;
text-align: right;
}
p {
display: block;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
line-height: 1.15em;
}
.calibre {
display: block;
font-family: serif;
font-size: 1em;
line-height: 1.1;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-left: 0;
padding-right: 0;
page-break-before: always;
text-align: justify;
}
with the "line-height" values for ".calibre" and "p" overridden (correctly) by the "line-height" value in ".brheight".
Other properties that have strike-throughs (again, correctly, as far as I can tell) are "font-size" and "text-align" in ".calibre".
But still, no visual effect on the <br>'s line-height
The code itself is:
Code:
<body class="calibre">
<p class="dedic">For KevinH<br class="brheight"/>Who always manages<br/>to get it put together right</p>
(in PageEdit, the code looks
slightly different since the <br> isn't displayed as self-closing.)