src/third_party/WebKit/LayoutTests/fast/regions/shape-inside/shape-inside-on-first-region-inline-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 blue;
  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     Despite the passage of time, Major Quilan still suffers grief and bereavement from the death of his wife, killed during the Chelgrian civil war that resulted
  28 </div>
  29
  30 <div class="region" style="float: none">
  31     from the Culture's interference. 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 the Culture. As part of the
  32 </div>
  33
  34 <p>Requires Ahem font. The inline content 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 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>