page-container-004

Paged Media root container (float)

WeasyPrint

This browser

Flags
may, paged
Assertion
The root element when floated abuts the left or right edge of the page area.

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 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.&nbsp; (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.&nbsp; (There should be no top border.)</div>
28  </body>
29 </html>