| OLD | NEW | 
 | (Empty) | 
|   1 <!DOCTYPE html> |  | 
|   2 <html> |  | 
|   3 <head> |  | 
|   4 <style> |  | 
|   5     #container { |  | 
|   6         font: 20px Ahem, sans-serif; |  | 
|   7         line-height: 20px; |  | 
|   8         border: 2px solid blue; |  | 
|   9         position: relative; |  | 
|  10         width: 200px; |  | 
|  11         height: 200px; |  | 
|  12         margin-bottom: 60px; |  | 
|  13     } |  | 
|  14     #shape-inside { |  | 
|  15         shape-inside: polygon(25% 0, 75% 0, 75% 25%, 25% 25%); |  | 
|  16         height: 100%; |  | 
|  17         width: 100%; |  | 
|  18     } |  | 
|  19     #border { |  | 
|  20         position: absolute; |  | 
|  21         left: 48px; |  | 
|  22         width: 100px; |  | 
|  23         height: 50px; |  | 
|  24         border: 2px solid green; |  | 
|  25     } |  | 
|  26 </style> |  | 
|  27 </head> |  | 
|  28 <body> |  | 
|  29     <div id="container"> |  | 
|  30         <div id="border"></div> |  | 
|  31         <div id="shape-inside"> |  | 
|  32             X X X X X X X X X X X X X X X X |  | 
|  33         </div> |  | 
|  34     </div> |  | 
|  35     <p>Requires Ahem font. The content should start inside the green rectangle (
    shape-inside) and the overflow should be pushed below the content box (content-b
    ox's margin is blue). <br/> |  | 
|  36     <p>Bug <a href="http://webkit.org/b/114526">114526</a>: [CSS Exclusions] sha
    pe-inside overflow should be pushed to the outside of the content box</p> |  | 
|  37 </body> |  | 
|  38 </html> |  | 
| OLD | NEW |