title: Setting Page Headers with content using @page content css
body: <p>I'm trying to include a header text in all pages of the document while printing as well as faxing using CSS @page rule. But it's somehow not working for me when i see the preview in Chrome.  I'm checking this in jsfiddle. Here's my link for the code i have been working on <a href="https://jsfiddle.net/11wkn9p1/1/" rel="nofollow">Code Link</a></p>
  
  <p>I know that using @media print content can be added. But i want to do this using @page css.<br>
  If you add</p>
  
  <pre><code>.subpage: after {
       content: "name";
   }
  </code></pre>
  
  <p>The content is added. But if you do the same thing as</p>
  
  <pre><code>@page {
       @top-right {
            content: "name";
       }
  }
  </code></pre>
  
  <p>It does not work. Is there a way to make this work?</p>