Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<link rel="author" title="Jonathan Watt" href="mailto:jwatt@jwatt.org">
<meta name="assert" content="page-orientation rotates portrait page to match landscape ref">
<link rel="match" href="page-orientation-landscape-ref.html">
<meta name="reftest-pages" content="2">
<style>
@page second-page {
size: portrait;
page-orientation: rotate-right;
}
div:nth-of-type(2) {
page: second-page;
break-before: page;
box-sizing: border-box;
width: 2in;
height: 4in;
border-top: 15px solid orange;
border-right: none;
border-bottom: 15px solid blue;
border-left: none;
}
body {
margin: 0;
}
</style>
<body>
<div>Page 1. Not compared. Just bumps testing to page 2.</div>
<div></div>
</body>
</html>