OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script> | |
5 if (window.internals) | |
6 window.internals.settings.setCSSExclusionsEnabled(true); | |
7 </script> | |
8 <style> | 4 <style> |
9 #rectangle { | 5 #rectangle { |
10 font: 20px Ahem, sans-serif; | 6 font: 20px Ahem, sans-serif; |
11 -webkit-font-smoothing: none; | 7 -webkit-font-smoothing: none; |
12 line-height: 20px; | 8 line-height: 20px; |
13 -webkit-flow-into: flow; | 9 -webkit-flow-into: flow; |
14 } | 10 } |
15 .region { | 11 .region { |
16 -webkit-flow-from: flow; | 12 -webkit-flow-from: flow; |
17 width: 200px; | 13 width: 200px; |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
49 <div id="page"> | 45 <div id="page"> |
50 <div id="border1"></div> | 46 <div id="border1"></div> |
51 <div id="region1" class="region"></div> | 47 <div id="region1" class="region"></div> |
52 <div id="border2"></div> | 48 <div id="border2"></div> |
53 <div id="region2" class="region"></div> | 49 <div id="region2" class="region"></div> |
54 </div> | 50 </div> |
55 <p style="margin-top: 50px;">Requires Ahem font. There are two regions with
two ractangle shape-insides, the shape-insides are smaller and have top and left
offsets inside the content box. The rectangular shapes boundaries are represent
ed by the blue rectangles. The inline content should flow inside the blue ractan
gles, the overflow should be pushed down below the last region's content box</p> | 51 <p style="margin-top: 50px;">Requires Ahem font. There are two regions with
two ractangle shape-insides, the shape-insides are smaller and have top and left
offsets inside the content box. The rectangular shapes boundaries are represent
ed by the blue rectangles. The inline content should flow inside the blue ractan
gles, the overflow should be pushed down below the last region's content box</p> |
56 <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> | 52 <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> |
57 </body> | 53 </body> |
58 </html> | 54 </html> |
OLD | NEW |