1<!-- See PDF debugger: https://eclecticgeek.com/dompdf/debug.php?identifier=b7d40757e13c269fc088be303b5ff099 -->
2<html>
3<head>
4 <style>
5 @page { margin: 180px 50px; }
6 #header { position: fixed; left: 0px; top: -180px; right: 0px; height: 150px; background-color: orange; text-align: center; }
7 #footer { position: fixed; left: 0px; bottom: -180px; right: 0px; height: 150px; background-color: lightblue; }
8 #footer .page:after { content: counter(page, upper-roman); }
9 </style>
10<body>
11 <div id="header">
12 <h1>Widgets Express</h1>
13 </div>
14 <div id="footer">
15 <p class="page">Page </p>
16 </div>
17 <div id="content">
18 <p>the first page</p>
19 <p style="page-break-before: always;">the second page</p>
20 </div>
21</body>
22</html>
23