<!DOCTYPE html> <html lang="en-US" class="reftest-print"> <head> <title>CSS Test: CSS 2.1 page-break-inside:avoid</title> <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012"> <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside"> <link rel="match" href="moz-css21-float-page-break-inside-avoid-5-ref.html"> <meta name="flags" content="paged"> <style type="text/css"> @page { size:5in 3in; margin:0.5in; } html,body { color:black; background-color:white; font-size:16px; padding:0; margin:0; } p { height: 0.5in; width: 1in; margin:0; background-color:blue; float:left; } .test { float:left; clear:left; page-break-inside:avoid; width:3.3in; } </style> </head> <body> <br style="clear:both"> <div class="test"> <p>1</p><p>2</p><p>3</p> <p>4</p><p>5</p><p>6</p> </div> <div class="test"> <p>1</p><p>2</p><p>3</p> <p>4</p><p>5</p><p>6</p> </div> <div class="test"> <p>1</p><p>2</p><p>3</p> <p>4</p><p>5</p><p>6</p> </div> </body> </html>