float-page-break-inside-avoid-5-print-ref.html (873B)
1 <!DOCTYPE html> 2 <html lang="en-US"> 3 <head> 4 <title>CSS Test: CSS 2.1 page-break-inside:avoid</title> 5 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012"> 6 <meta name="flags" content="paged"> 7 <style type="text/css"> 8 @page { size:5in 3in; margin:0.5in; } 9 html,body { 10 color:black; background-color:white; font-size:16px; padding:0; margin:0; 11 } 12 p { height: 0.5in; width: 1in; margin:0; background-color:blue; float:left; } 13 .test { float:left; clear:left; width:3.3in; } 14 </style> 15 </head> 16 <body> 17 <br style="clear:both"> 18 <div class="test"> 19 <p>1</p><p>2</p><p>3</p> 20 <p>4</p><p>5</p><p>6</p> 21 </div> 22 <div class="test" style="page-break-before:always"> 23 <p>1</p><p>2</p><p>3</p> 24 <p>4</p><p>5</p><p>6</p> 25 </div> 26 <div class="test"> 27 <p>1</p><p>2</p><p>3</p> 28 <p>4</p><p>5</p><p>6</p> 29 </div> 30 31 32 </body> 33 </html>