| OLD | NEW | 
 | (Empty) | 
|   1 <!DOCTYPE html> |  | 
|   2 <html> |  | 
|   3 <head> |  | 
|   4 <style id='stylesheet'> |  | 
|   5 div { |  | 
|   6     font: 50px/1 Ahem, sans-serif; |  | 
|   7     color: green; |  | 
|   8 } |  | 
|   9 p { |  | 
|  10     margin: 0; |  | 
|  11 } |  | 
|  12 </style> |  | 
|  13 <script src='../resources/simple-rectangle.js'></script> |  | 
|  14 <script> |  | 
|  15     window.onload = function() { |  | 
|  16         createRectangleTest('shape-inside1', 'stylesheet', { width: 200, height:
     200 }, { x: 50, y: 50, width: 100, height: 100 }, 'px', null); |  | 
|  17         createRectangleTest('shape-inside2', 'stylesheet', { width: 200, height:
     200 }, { x: 50, y: 50, width: 100, height: 100 }, 'px', null); |  | 
|  18     }; |  | 
|  19 </script> |  | 
|  20 </head> |  | 
|  21 <body> |  | 
|  22 <p>This test requires the Ahem font. It tests that dynamically set shape-insides
     should affect their block's children. You should see two green squares inside b
    lue outlines.</p> |  | 
|  23 <div id='shape-inside1'><p>XX</p><p>XX</p></div> |  | 
|  24 <div id='shape-inside2'><div><p>XX</p><p>XX</p></div> |  | 
|  25 </body> |  | 
|  26 </html> |  | 
| OLD | NEW |