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 root container (float)</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/CSS21/visudet.html#the-height-property">
8 <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule">
9 <meta name="flags" content="paged may">
10 <meta name="assert" content="The root element when floated abuts the left or right edge of the page area.">
11 <style type="text/css">
12 html {
13 width: 50%;
14 float: right;
15 border: medium solid purple;
16 }
17 div {
18 page-break-before: always;
19 }
20 </style>
21 </head>
22 <body>
23 <p>This test produces two pages of output.</p>
24 <p>The text on this page has a left, top, and right purple border which should be entirely on the right
25 half of the page. (There should be no bottom border.)</p>
26 <div>The text on this page has a left, bottom, and right purple border which should be entirely on the right
27 half of the page. (There should be no top border.)</div>
28 </body>
29 </html>