allowed-page-breaks-007b.xht (1226B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 2 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>CSS Test: Allowed Page Breaks - Between Block-level Box and Content Edge</title> 6 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props"/> 8 <meta name="flags" content="paged"/> 9 <meta name="assert" content="Page breaks can occur between the content edge 10 of a block box and the outer edges of its child block-level boxes."/> 11 <style type="text/css"> 12 /* Most permissible breaking possible */ 13 * { widows: 1; orphans: 1; widows: 0; orphans: 0; } 14 15 html, body { 16 height: 100%; 17 line-height: 1; 18 } 19 20 .first, .second { 21 /* Make test text more visible */ 22 color: blue; 23 font-weight: bold; 24 } 25 .first { 26 height: 120%; 27 } 28 </style> 29 </head> 30 <body> 31 <div>This test requires 2 pages. Line A must appear 32 on the first page, Line B on the second.</div> 33 <div class="first"> 34 <div>Page 1 Line A</div> 35 </div> 36 <div class="second">Page 2 Line B</div> 37 </body> 38 </html>