| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <title>CSS Test: Margin box content is oriented relative to content (Portrait)</title> | |
| <link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/> | |
| <link rel="help" href="http://www.w3.org/TR/css3-page/#margin-boxes"/> | |
| <meta name="flags" content="paged" /> | |
| <meta name="assert" content="Margin boxes are oriented with respect to the content and are independent of page orientation."/> | |
| <style type="text/css"><![CDATA[ | |
| @page { | |
| size: portrait; | |
| @top-center { content: "Top"; } | |
| @bottom-center { content: "Bottom"; } | |
| @left-middle { content: "Left"; } | |
| @right-middle { content: "Right"; } | |
| } | |
| ]]></style> | |
| </head> | |
| <body> | |
| <div>This paragraph should be printed in portrait layout (the long sides of the page should be left and right sides). This page should say "Top" above the content, "Bottom" at the bottom of the page, "Left" on the left side of the page and "Right" on the right side of the page.</div> | |
| </body> | |
| </html> |