| OLD | NEW | 
|---|
|  | (Empty) | 
| 1 <!DOCTYPE html> |  | 
| 2 <html> |  | 
| 3 <head> |  | 
| 4 |  | 
| 5 <!-- |  | 
| 6 Test test creates a rectilinear polygon with this shape: |  | 
| 7   XXXXXXXX |  | 
| 8     XXXX |  | 
| 9   XXXXXXXX |  | 
| 10 --> |  | 
| 11 |  | 
| 12 <style id="stylesheet"> |  | 
| 13     #shape-inside, #shape-outline { |  | 
| 14         position: absolute; |  | 
| 15         top: 0; |  | 
| 16         left: 0; |  | 
| 17         width: 400px; |  | 
| 18         height: 200px; |  | 
| 19         margin: 0; |  | 
| 20     } |  | 
| 21 |  | 
| 22     #shape-inside { |  | 
| 23         word-wrap: break-word; |  | 
| 24         font: 50px/1 Ahem, sans-serif; |  | 
| 25         color: green; |  | 
| 26     } |  | 
| 27 |  | 
| 28     #shape-outline { |  | 
| 29         fill: none; |  | 
| 30         stroke: blue; |  | 
| 31     } |  | 
| 32 |  | 
| 33     #informative-text { |  | 
| 34         position: absolute; |  | 
| 35         top: 150px; |  | 
| 36     } |  | 
| 37 </style> |  | 
| 38 </head> |  | 
| 39 |  | 
| 40 </head> |  | 
| 41 <body> |  | 
| 42   <div id="shape-inside">XXXXXXXX<br/>  XXXX<br/>XXXXXXXX</div> |  | 
| 43   <svg id="shape-outline" xmlns="http://www.w3.org/2000/svg"> |  | 
| 44       <polygon points="0,0 400,0 400,50 300,50 300,100 400,100 400,150 0,150 0,1
    00 100,100 100,50 0,50"/> |  | 
| 45   </svg> |  | 
| 46   <p id="informative-text"> |  | 
| 47       This test requires the Ahem font. It creates a rectilinear polygonal shape
    -inside and a |  | 
| 48       matching stroked SVG polygon. The content should just fill the shape with 
    solid green.</p> |  | 
| 49 </html> |  | 
| OLD | NEW | 
|---|