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: Positioning in paged media: Positioning multiple pages</title>
5 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
6 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
7 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/paged/002.html" type="text/html">
8 <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-intro">
9 <meta name="flags" content="paged">
10 <style type="text/css">
11 html, body { height: 100%; margin: 0; padding: 0; }
12 p { margin: 0; padding: 1em; }
13 div { height: 100%; position: relative; }
14 h1 { position: absolute; top: 50%; margin-top: -0.5em;
15 left: 0; right: 0; text-align: center;
16 font: 2em monospace; }
17 </style>
18 </head>
19 <body>
20 <div>
21 <p>Test passes if each of its five pages has the page number printed
22 in the middle of the page, with no overlap.</p>
23 <h1>Page one</h1></div>
24 <div><h1>Page two</h1></div>
25 <div><h1>Page three</h1></div>
26 <div><h1>Page four</h1></div>
27 <div><h1>Page five</h1></div>
28 </body>
29 </html>