如何在打印的每个页面上重复组合的html标题

Question

我在html5中有以下场景：

<article>
  <header style="position: fixed;">
    <section style="float: left;">
      <img src="path_to_img" />
      <h3>My report</h3>
    </section>
    <section style="float: left;">
      <ul>
        <li style="width: 50%; text-aligment: right;">Customer Name:</li>
        <li style="text-aligment: left;">XYZ company</li>
        <li style="width: 50%; text-aligment: right;">Segment:</li>
        <li style="text-aligment: left;">Electric equipment</li>
      </ul>
  </header>
  <main id="content">
     ... html content ...
  </main>
</article>

所以，我想打印这个“报告”，每个页面上面都有重复的标题，但是当内容填满时，我不知道为什么，有时我只在第一页上有标题，有时候它出现在前面的第二页，我无法弄清楚错误。

欢迎任何提示......

谢谢！