| OLD | NEW | 
 | (Empty) | 
|   1 <!doctype html> |  | 
|   2 <html> |  | 
|   3     <!-- |  | 
|   4     Test that the content is properly flowed into dynamically added regions. |  | 
|   5     On success you should see that the colored boxes are displayed inside the 3 
    rectangles with black border. |  | 
|   6     The green box should be displayed in left region. |  | 
|   7     The blue box should be displayed in middle region. |  | 
|   8     The orange box should be displayed in right region. |  | 
|   9     --> |  | 
|  10     <head> |  | 
|  11         <link rel="stylesheet" href="resources/region-style.css"> |  | 
|  12     </head> |  | 
|  13     <body> |  | 
|  14         <div class="flowArticle"> |  | 
|  15             <div class="greenBox"></div> |  | 
|  16             <div class="blueBox"></div> |  | 
|  17             <div class="orangeBox"></div> |  | 
|  18         </div> |  | 
|  19         <div class="regionArticle borderBox"></div> |  | 
|  20         <div id="region"></div> |  | 
|  21         <div class="regionArticle borderBox"></div> |  | 
|  22         <script> |  | 
|  23             var region = document.getElementById("region"); |  | 
|  24             // The next line will create a new RenderRegion and insert it |  | 
|  25             // into the flow thread. |  | 
|  26             region.className = "regionArticle borderBox"; |  | 
|  27         </script> |  | 
|  28     </body> |  | 
|  29 </html> |  | 
| OLD | NEW |