/Html/Header in PDF page using DOMPDF in PHP

Header in PDF page using DOMPDF in PHP

<!-- See PDF debugger: https://eclecticgeek.com/dompdf/debug.php?identifier=b7d40757e13c269fc088be303b5ff099 -->
<html>
<head>
  <style>
    @page { margin: 180px 50px; }
    #header { position: fixed; left: 0px; top: -180px; right: 0px; height: 150px; background-color: orange; text-align: center; }
    #footer { position: fixed; left: 0px; bottom: -180px; right: 0px; height: 150px; background-color: lightblue; }
    #footer .page:after { content: counter(page, upper-roman); }
  </style>
<body>
  <div id="header">
    <h1>Widgets Express</h1>
  </div>
  <div id="footer">
    <p class="page">Page </p>
  </div>
  <div id="content">
    <p>the first page</p>
    <p style="page-break-before: always;">the second page</p>
  </div>
</body>
</html>

Source: stackoverflow.com

Similar codes

1 vote162 views1 answer
Redux sagas
Html
1.2K votes300 views10 answers
Twitch
Html
13 votes126 views3 answers
Remove basic html style link
Html
3 votes140 views2 answers
How to choose multiple option from select option
Html
10 votes129 views4 answers
A tag onclick
Html
0 vote150 views1 answer
Html element hover helptext
Html
2 votes118 views1 answer
Vue router link dynamic id
Html
0 vote152 views1 answer
Salesforce lightning aura add red asterick for <lightning:input
Html
0 vote197 views1 answer
Botão enviar html
Html
-2 votes125 views2 answers
$bodyBg: #030018; $purple: #292477; $green: #13693B; $magenta: #AD2266; $blue: #1a28b3; html { box-sizing: border-box; font-size: 100%; } *, *:before, *:after { box-sizing: inherit; } body { margin: 0;
Html