src/third_party/WebKit/LayoutTests/fast/regions/shape-inside/shape-inside-on-multiple-regions-bottom-adjustment-expected.html

   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 shape is applied on the regions.
  34         The content should flow from the first shape to the second shape. The overflow 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>