src/third_party/WebKit/LayoutTests/fast/regions/shape-inside/shape-inside-on-first-region-block-content-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     .region {
   6         font: 20px Ahem, sans-serif;
   7         float: left;
   8         margin-right: 10px;
   9         width: 300px;
  10         height: 300px;
  11         background-color: yellow;
  12         overflow: hidden;
  13         border: 1px solid black;
  14     }
  15     #shape_inside { background-color: orange; }
  16     #placeholder {
  17         float: left;
  18         width: 50px;
  19         height: 300px;
  20     }
  21 </style>
  22 </head>
  23 <body>
  24
  25 <div id="shape_inside" class="region">
  26     <div id="placeholder"></div>
  27     <p>Despite the passage</p> of time, Major Quilan still suffers grief and bereavement from the death of his wife, killed during the Chelgrian
  28 </div>
  29 <div class="region" style="float: none;">
  30     civil war that resulted from the Culture's interference.
  31     <p>Quilan is offered the chance to avenge the lost Chelgrians who died in the civil war and is inducted into a plot to strike back at
  32 </div>
  33
  34 <p>Requires Ahem font. The block content - contains multiple nested blocks - flows into two regions, a 250x300px rectangle shape-inside property with 50px left offset is applied to the first (orange) region. The content should have a 50px left offset in the orange rectangle and should flow into the second rectangle without any offset.<br/>
  35 <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>
  36
  37 </body>
  38 </html>