abspos-overflow-01.ref.xhtml 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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" class="reftest-print">
  3. <head>
  4. <title>Multi-column Layout: AbsPos Pagination (Interlaced)</title>
  5. <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
  6. <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
  7. <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
  8. <style type="text/css">
  9. /* If the reftest print size change, this needs to change too. */
  10. html, body, p {
  11. margin: 0;
  12. padding: 0;
  13. }
  14. .box {
  15. font-size: 10pt;
  16. line-height: 10pt;
  17. font-family: sans-serif;
  18. text-align: center;
  19. position: relative;
  20. border-bottom: lime 4px solid;
  21. margin-top: -4px;
  22. height: 2in;
  23. }
  24. #pageset {
  25. width: 100pt;
  26. border: silver 2pt;
  27. border-style: none solid;
  28. height: 6in;
  29. }
  30. .n1 {
  31. margin: 0;
  32. height: 1in;
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <div id="pageset">
  38. <p class="box n1">
  39. There must be 3 pages, a single green line on each page, and no red.
  40. </p>
  41. <p class="box"></p>
  42. <p class="box"></p>
  43. </div>
  44. </body>
  45. </html>