LayoutTests/fast/regions/flow-content-basic-vertical-expected.html - WebKit - Git at Google

 <!DOCTYPE HTML>

 <html>
 <head>

     <!-- This test checks that content can be redirected to a region. It also
      tries out a validation strategy that recreates the intended display
      using non-region markup. If top does not match the bottom then the
      result should be rejected. -->

     <style type="text/css">
         html {
             -webkit-writing-mode: vertical-lr;
             -webkit-font-smoothing: none;
         }

         .region{
             position: relative; z-index: 1; /* regions create Stacking Contexts */
             width: 100px;
             height: 300px;
             border: solid 1px #888; /* to stop the margin collapsing */
         }

         .pass{
             color: green;
         }
     </style>
 </head>
 <body>
     <div>
         The words "flow content" in green should display after this div,
         and there should be two copies of this content that match.
     </div>
     <div id="region1" class="region">
         <div id="source" class="pass">
             <p>flow content</p>
         </div>
     </div>
     <div>
         The words "flow content" in green should display after this div,
         and there should be two copies of this content that match.
     </div>
     <div class="pass">
         <p>flow content</p>
     </div>
 </body>
 </html>
	<!DOCTYPE HTML>

	<html>
	<head>

	<!-- This test checks that content can be redirected to a region. It also
	tries out a validation strategy that recreates the intended display
	using non-region markup. If top does not match the bottom then the
	result should be rejected. -->

	<style type="text/css">
	html {
	-webkit-writing-mode: vertical-lr;
	-webkit-font-smoothing: none;
	}

	.region{
	position: relative; z-index: 1; /* regions create Stacking Contexts */
	width: 100px;
	height: 300px;
	border: solid 1px #888; /* to stop the margin collapsing */
	}

	.pass{
	color: green;
	}
	</style>
	</head>
	<body>
	<div>
	The words "flow content" in green should display after this div,
	and there should be two copies of this content that match.
	</div>
	<div id="region1" class="region">
	<div id="source" class="pass">
	<p>flow content</p>
	</div>
	</div>
	<div>
	The words "flow content" in green should display after this div,
	and there should be two copies of this content that match.
	</div>
	<div class="pass">
	<p>flow content</p>
	</div>
	</body>
	</html>