Source code
Revision control
Copy as Markdown
Other Tools
<head>
<title>CSS Test: Page cascade (first trumps right)</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
<meta name="flags" content="paged" />
<meta name="assert" content="Properties specified in a :first @page context override those specified in :right @page contexts." />
<style type="text/css">
@page :first {
margin: 15% 50% 7% 7%;
}
@page :right {
margin-left: 50%
}
div {
page-break-after: always;
}
</style>
</head>
<body>
<div>
This test produces only this page, containing only this paragraph, which is entirely on the left side of the page.
</div>
</body>
</html>