The 'pink' color is applied to both the span and em in a browser, but the em is black after coming out of PrinceXML 12.
I've lots of ways around it, including !important'ing the styles and the pink still wouldn't apply to the em. I have to display: block the span in order to get it to apply.
This is obviously improper HTML since block elements should not be nested inside inline elements. However, I do think browsers failure much more elegantly in this case.
I've lots of ways around it, including !important'ing the styles and the pink still wouldn't apply to the em. I have to display: block the span in order to get it to apply.
This is obviously improper HTML since block elements should not be nested inside inline elements. However, I do think browsers failure much more elegantly in this case.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
span { color: pink; }
em { display: block; }
@page { margin: 50px; padding: 50px; size: A4 landscape; }
</style>
</head>
<body>
<span>
<em>This</em> is odd.
</span>
</body>
</html>