6 font: 20px Ahem, sans-serif;
7 -webkit-font-smoothing: none;
8 -webkit-flow-into: rectangle;
11 .region { -webkit-flow-from: rectangle; }
16 border: 1px solid green;
17 shape-inside: rectangle(0, 0, 130px, 100px);
23 border: 1px solid green;
24 shape-inside: rectangle(0, 0, 220px, 150px);
30 border: 1px solid green;
37 X X X X X X X X X X X X X X X X X X X X X X X X
38 X X X X X X X X X X X X X X X X X X X X X X X X
39 X X X X X X X X X X X X X X X X X X X X X X X X
42 <div id="region1" class="region"></div>
43 <div id="region2" class="region"></div>
44 <div id="region3" class="region"></div>
46 <p>Requires Ahem font. Two different -shape-inside property are applied to the first and second region. The third region is a simple region without -shape-inside.
47 The inline content should flow through the regions and the shape-insides should be applied to the first two regions thus the content should be only 130px wide in the first (original width: 180px) and only 220px wide in the second (original width: 300px) region.</p>
48 <p>Bug <a href="http://webkit.org/b/115456">115456</a>: [CSS Regions][CSS Exclusions] Shape-inside on regions should respect region borders and paddings</p>