title: How to add a header in the margin?
body: <p>I need to include a header in a page like this simple Google page:</p>
  
  <p><a href="https://i.stack.imgur.com/Ongzx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ongzx.png" alt="Example of a header"></a></p>
  
  <p>I am trying to put the text "Google" inside the top margin of the page but it's 2.5 cm under, when the top margin ends). I want this:</p>
  
  <p><a href="https://i.stack.imgur.com/jt98X.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jt98X.png" alt="My page with bad header"></a></p>
  
  <p>My HTML file:</p>
  
  <pre><code>&lt;html lang="es-AR"&gt;
  &lt;body&gt;
      &lt;header&gt;Google&lt;/header&gt;
      &lt;h1 class="title"&gt;Hello, world&lt;/h1&gt;
      Trying to put a header.
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My CSS file:</p>
  
  <pre><code>@page {
      size: 21cm 29.7cm;
      margin-top: 2.5cm;
      margin-right: 2.5cm;
      margin-bottom: 2.5cm;
      margin-left: 2.5cm;
  }
  </code></pre>
  
  <p>The page is a report so it will be printed.</p>