Page Break is not what I expected

I am testing the page break of custom print. This is my test html

<div id="htmlheader">
    <h1>Header</h1>
</div>

<h1> Page 1 </h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Fusce vitae massa eget nulla porttitor egestas. Suspendisse vel tincidunt elit.
    Praesent ultricies sit amet neque ac dignissim. Mauris commodo sem sit amet lacus convallis suscipit.
    Suspendisse nulla massa, varius id tellus eget, tincidunt vestibulum libero.
</p>

<div class="page-break"></div>

<h1> Page 2 </h1>
<p>
    In ligula quam, molestie in maximus a, scelerisque et urna. Etiam posuere, lacus sed vehicula scelerisque,
    nibh quam dapibus tortor, id convallis tellus lectus et orci. Fusce hendrerit dui eget iaculis maximus.
    Etiam posuere purus quis erat luctus lobortis. Vivamus scelerisque tempor elit.
    Ut mollis semper ultrices. In tristique dui libero, in malesuada ligula pulvinar eget. Cras sodales luctus rutrum.
</p>

and the output is this

page break is just a dotted line? I was expecting to have new page. Am I doing it right?

Ok I tried to print in chrome the dotted lines become a new page! :smile:

Its not just wysiwyg.