| 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-font-smoothing: none; |  | 
|   9         } |  | 
|  10  |  | 
|  11         .region{ |  | 
|  12             height: 100px; |  | 
|  13             width: 300px; |  | 
|  14             border: solid 1px #888; /* to stop the margin collapsing */ |  | 
|  15         } |  | 
|  16          |  | 
|  17         .pass{ |  | 
|  18             color: green; |  | 
|  19         } |  | 
|  20     </style> |  | 
|  21 </head> |  | 
|  22 <body> |  | 
|  23     <div> |  | 
|  24         The words "flow content" in green should display after this div,  |  | 
|  25         and there should be two copies of this content that match. |  | 
|  26     </div> |  | 
|  27     <div id="region1" class="region forcedStackingContext"> |  | 
|  28         <div id="source" class="pass"> |  | 
|  29             <p>flow content</p> |  | 
|  30         </div> |  | 
|  31     </div> |  | 
|  32     <div> |  | 
|  33         The words "flow content" in green should display after this div,  |  | 
|  34         and there should be two copies of this content that match. |  | 
|  35     </div> |  | 
|  36     <div class="pass"> |  | 
|  37         <p>flow content</p> |  | 
|  38     </div> |  | 
|  39  |  | 
|  40     <p>This test checks that content can be redirected to a region. It also |  | 
|  41      tries out a validation strategy that recreates the intended display |  | 
|  42      using non-region markup. If top does not match the bottom then the  |  | 
|  43      result should be rejected.</p> |  | 
|  44 </body> |  | 
|  45 </html> |  | 
| OLD | NEW |