| OLD | NEW | 
 | (Empty) | 
|   1 <!DOCTYPE html> |  | 
|   2 <html> |  | 
|   3 <head> |  | 
|   4 <style> |  | 
|   5     #region { |  | 
|   6         font: 18px Ahem, sans-serif; |  | 
|   7         line-height: 20px; |  | 
|   8         width: 270px; |  | 
|   9         height: 300px; |  | 
|  10         background-color: orange; |  | 
|  11         border: 1px solid black; |  | 
|  12         padding-top: 10px; |  | 
|  13         padding-bottom: 30px; |  | 
|  14         padding-left: 90px; |  | 
|  15     } |  | 
|  16 </style> |  | 
|  17 </head> |  | 
|  18 <body> |  | 
|  19  |  | 
|  20 <div id="region"> |  | 
|  21     XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX |  | 
|  22     XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX |  | 
|  23     XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX |  | 
|  24     XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX |  | 
|  25 </div> |  | 
|  26  |  | 
|  27 <p>Requires Ahem font. The content flows into a region (300px wide) what contain
    s a shape-inside rectangle (200px wide) with 50px left offset.<br/> |  | 
|  28 The content should fill the shape-inside area out. The different paddings (top 1
    0, right 20, bottom 30, left 40px) should be applied on the container. The paddi
    ng shouldn't have any effect on the shape-inside's content. |  | 
|  29 <p>Bug <a href="http://webkit.org/b/115456">115456</a>: [CSS Regions][CSS Exclus
    ions] Shape-inside on regions should respect region borders and paddings</p> |  | 
|  30 </body> |  | 
|  31 </html> |  | 
| OLD | NEW |