If I have a CSS class called body that's applied to a P tag and defines a line-height, then apply an inline style to the P tag to set line-height:normal it does not render at the correct height in Prince.
.body {
line-height:14px;
}
<p class="body" style="line-height: normal;">CCC Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p>
This issue is magnified when you have several paragraphs in a row set like this as each line is not tall enough and everything underneath it looks offset from the browser.
.body {
line-height:14px;
}
<p class="body" style="line-height: normal;">CCC Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p>
This issue is magnified when you have several paragraphs in a row set like this as each line is not tall enough and everything underneath it looks offset from the browser.