page-container-004.xht (1275B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 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>