Source code
Revision control
Copy as Markdown
Other Tools
<head>
<title>CSS Test: page break margin handling</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<meta name="assert" content="When a page break occurs in the vertical margin between sibling block boxes, the used values of the adjoining 'margin-top' property is set to '0'."/>
<!-- This test targets just the top margin after the break; allowed-breaks-000-a also tests this, using a tight layout. This test approach using a looser layout shows defects not revealed by allowed-breaks-000-a.
-->
<meta name="flags" content="paged" />
<style type="text/css">
div {
background: yellow;
border: 1px white solid;
}
p.test {
page-break-after: always;
background: white;
margin-top: 0;
margin-bottom: .5in;
}
div.topper {
margin: 1in 0 0 0;
background: white;
}
</style>
</head>
<body>
<p>When displayed in paged media, this test produces two pages of output.</p>
<div>
<p class="test">There must be a page break after this paragraph. There may or may not be a yellow background below;
however, there must <em>not</em> be a one half inch tall yellow bar below.</p>
<div class="topper">There must be no yellow on this second page.</div>
</div>
</body>
</html>