allowed-page-breaks-007a

Allowed Page Breaks - Between Line Box and Content Edge

WeasyPrint

This browser

Flags
paged
Assertion
Page breaks can occur between the content edge of a block box and the outer edges of its child line boxes.

Source

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