| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <style> | |
| 5 .region { | |
| 6 width: 100px; | |
| 7 height: 100px; | |
| 8 margin-top: 10px; | |
| 9 background-color: #CCD8D4; | |
| 10 } | |
| 11 | |
| 12 .page { | |
| 13 font: 20px/1 Ahem, sans-serif; | |
| 14 } | |
| 15 </style> | |
| 16 </head> | |
| 17 | |
| 18 <body> | |
| 19 <div class="page"> | |
| 20 <div class="region"> | |
| 21 <span style="margin-left: 30px;"></span>X X<br/> | |
| 22 <span style="margin-left: 35px;"></span>X<br/> | |
| 23 <span style="margin-left: 40px;"></span>X | |
| 24 </div> | |
| 25 <div class="region"> | |
| 26 <span style="margin-left: 30px;"></span>X X<br/> | |
| 27 <span style="margin-left: 35px;"></span>X<br/> | |
| 28 <span style="margin-left: 40px;"></span>X | |
| 29 </div> | |
| 30 X X | |
| 31 </div> | |
| 32 <p style="margin-top: 20px;"> | |
| 33 Requires Ahem font. We have two regions, an up-side-down triangular shap
e is applied on the regions. | |
| 34 The content should flow from the first shape to the second shape. The ov
erflow should be pushed down below the content box. | |
| 35 </p> | |
| 36 <p>Issue <a href="https://code.google.com/p/chromium/issues/detail?id=333417
">333417</a>: [CSS Regions][CSS Shapes] ASSERTION FAILED: m_segmentRanges.size()
< m_segments.size()</p> | |
| 37 </body> | |
| 38 </html> | |
| OLD | NEW |