Using <div class="break"> <br /> </div> is like inserting air. There is literally nothing for the screen to display. Using <p>&nbsp;</p> inserts a non-breaking space. Some html browsers and ebook reader browsers will ignore air like your first example.

On another note, you can use H1 and I think even H2 tags without all that CSS gibberish to create a page break.