page-container-006

Paged media - percent on root

WeasyPrint

This browser

Flags
paged
Assertion
A percentage width on the root element is relative to the page area width.

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: Paged media - percent on root</title>
 5   <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com">
 6   <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box">
 7   <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule">
 8   <meta name="flags" content="paged">
 9   <meta name="assert" content="A percentage width on the root element is relative to the page area width.">
10   <style type="text/css">
11    
12     html {
13       width: 50%
14     } 
15     p {
16       color: silver;
17     }
18    
19  </style>
20  </head>
21  <body>
22   <div>This paragraph and the dummy text below are entirely on the left half of the page.
23   </div>
24   <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy 
25   text dummy text dummy text dummy text dummy text dummy text dummy text dummy 
26   text dummy text dummy text dummy text dummy text dummy text dummy text dummy 
27   text dummy text dummy text dummy text dummy text dummy text dummy text dummy 
28   text.
29   </p>
30  </body>
31 </html>