| OLD | NEW | 
 | (Empty) | 
|   1 <!DOCTYPE HTML> |  | 
|   2 <html> |  | 
|   3 <head> |  | 
|   4     <style> |  | 
|   5         #rectangle { |  | 
|   6             font: 20px Ahem, sans-serif; |  | 
|   7             -webkit-font-smoothing: none; |  | 
|   8             line-height: 20px; |  | 
|   9             width: 200px; |  | 
|  10             height: 200px; |  | 
|  11             border: 2px solid green; |  | 
|  12         } |  | 
|  13         #border { |  | 
|  14             position: relative; |  | 
|  15             top: 48px; |  | 
|  16             left: 48px; |  | 
|  17             width: 100px; |  | 
|  18             height: 100px; |  | 
|  19             border: 2px solid blue; |  | 
|  20         } |  | 
|  21         #overflow { margin-top: 96px;} |  | 
|  22     </style> |  | 
|  23 </head> |  | 
|  24 <body> |  | 
|  25     <div id="rectangle"> |  | 
|  26         <div id="border">X X<p> X<p> X</p></p></div> |  | 
|  27         <div id="overflow"><p>X X X X X X X X X X X X X X X X X X X</p></div> |  | 
|  28     </div> |  | 
|  29     <p style="margin-top: 100px;">Requires Ahem font. The shape-inside on the re
    gion is illustrated by the blue rectangle. The content should wrap inside the th
    e blue rectangle, the overflow should start on the left under the content box.</
    p> |  | 
|  30     <p>Bug <a href="http://webkit.org/b/116252">116252</a> [CSS Regions][CSS Exc
    lusions] shape-inside on regions should respect positioned shapes and overflow</
    p> |  | 
|  31 </body> |  | 
|  32 </html> |  | 
| OLD | NEW |