| OLD | NEW | 
 | (Empty) | 
|   1 <!DOCTYPE HTML> |  | 
|   2  |  | 
|   3 <html> |  | 
|   4 <head> |  | 
|   5     <link href="resources/region-style.css" rel="stylesheet" type="text/css"/> |  | 
|   6     <style type="text/css"> |  | 
|   7         html { |  | 
|   8             -webkit-writing-mode: vertical-rl; |  | 
|   9             -webkit-font-smoothing: none; |  | 
|  10         } |  | 
|  11          |  | 
|  12         .region{ |  | 
|  13             width: 100px; |  | 
|  14             height: 300px; |  | 
|  15             border: 1px solid black; /* to stop the margin collapsing */ |  | 
|  16             padding: 5px; |  | 
|  17         } |  | 
|  18     </style> |  | 
|  19 </head> |  | 
|  20 <body> |  | 
|  21     <div> |  | 
|  22         The words "flow content" in green should display twice after this div,  |  | 
|  23         and there should be two copies of this content that match. |  | 
|  24     </div> |  | 
|  25     <div id="region1" class="region forcedStackingContext"> |  | 
|  26         <div id="source" class="pass"> |  | 
|  27             <div style="width:100px;">first flow content</div> |  | 
|  28         </div> |  | 
|  29     </div> |  | 
|  30     <div id="region2" class="region forcedStackingContext"> |  | 
|  31         <div id="source" class="pass"> |  | 
|  32             <div style="width:100px;">second flow content</div> |  | 
|  33         </div> |  | 
|  34     </div> |  | 
|  35     <div> |  | 
|  36         The words "flow content" in green should display after this div,  |  | 
|  37         and there should be two copies of this content that match. |  | 
|  38     </div> |  | 
|  39     <div class="pass"> |  | 
|  40         <p>flow content</p> |  | 
|  41     </div> |  | 
|  42  |  | 
|  43     <p>This test checks that content can be redirected to a region. It also |  | 
|  44      tries out a validation strategy that recreates the intended display |  | 
|  45      using non-region markup. If top does not match the bottom then the  |  | 
|  46      result should be rejected.</p> |  | 
|  47 </body> |  | 
|  48 </html> |  | 
| OLD | NEW |