If I set 1" left/right margins on the first page and 2" margins for all pages, text on the 2nd and subsequent pages wraps as if it was using 1" margins, but is rendered with 2" margins resulting in the text being truncated.
Hard to explain, but here is a simple example that shows the issue:
<html>
<head>
<style>
@page :first { margin:1in}
@page { margin:2in}
</style>
</head>
<body>
<p>1. Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
<div style="page-break-after: always"><span style="display:none"> </span></div> <p>2. Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
</body>
</html>
The images below show the first page paragraph renders correctly (black on the left/right shows the page edges):
Text on the second page wraps exactly the same, but the lines get truncated on the right since the margins are 2":
I'm sure I've just done something wrong, but can't figure out what. Tried all sorts of variations with no luck. Top/bottom page margins work fine - just the left/right that I'm having issues with.