| OLD | NEW | 
|---|
|  | (Empty) | 
| 1 <html> |  | 
| 2 <head> |  | 
| 3 <script src='../resources/multi-segment-polygon.js'></script> |  | 
| 4 <script> |  | 
| 5     window.onload = function() { |  | 
| 6         simulateWithText(250, 100, 100, "X<span style='font-size:.5em'> </span>X
    ", 'shape1'); |  | 
| 7         simulateWithText(250, 100, 50, "<span style='font-size:2em'>X</span> XX"
    , 'shape2'); |  | 
| 8         simulateWithText(250, 100, 50, "XX <span style='font-size:2em'>X</span>"
    , 'shape3'); |  | 
| 9     } |  | 
| 10 </script> |  | 
| 11 <style> |  | 
| 12     #shape1, #shape2, #shape3 { |  | 
| 13         margin: 10px 0; |  | 
| 14         vertical-align: bottom; |  | 
| 15     } |  | 
| 16 </style> |  | 
| 17 </head> |  | 
| 18 <body> |  | 
| 19     This test requires the Ahem font, and tests should all display on a 5x2 grid
     of green |  | 
| 20     squares. These tests check the interaction of shape-inside with spans. |  | 
| 21     <div id='shape1'></div> |  | 
| 22     This test should display two 2x2 green squares, separated by a 1 unit space. |  | 
| 23     <div id='shape2'></div> |  | 
| 24     This test should display a 2x2 green square, and a 2x1 rectangle separated b
    y a 1 unit space. |  | 
| 25     <div id='shape3'></div> |  | 
| 26     This test should display a 2x1 green rectangle, and a 2x2 square separated b
    y a 1 unit space. |  | 
| 27 </body> |  | 
| 28 </html> |  | 
| OLD | NEW | 
|---|