src/third_party/WebKit/LayoutTests/fast/regions/region-overflow-break.html

   1 <!doctype html>
   2
   3 <style>
   4 body { font-family: monospace; }
   5
   6 #article {
   7     -webkit-flow-into: article;
   8 }
   9
  10 #region_1, #region_2 {
  11     -webkit-flow-from: article;
  12     -webkit-region-fragment: break;
  13     display:inline-block;
  14     vertical-align:top;
  15     margin:2px;
  16     overflow:visible
  17 }
  18
  19 #region_1 { height:400px; width:400px; border:1px solid #a0a0a0; }
  20 #region_2 { height:200px; width:300px; border:1px solid black }
  21
  22 </style>
  23
  24 <div id="article">
  25 <div style="font-size:18px; line-height:2; color:#a0a0a0; text-align:justify">
  26 <span style="background-color:#a0a0a0">
  27 This is some content This is some content
  28 This is some content This is some content
  29 This is some content This is some content
  30 This is some content This is some content
  31 This is some content This is some content
  32 This is some content This is some content
  33 This is some content This is some content
  34 This is some content This is some content
  35 This is some content This
  36 </div>
  37 <div style="font-size:12px; line-height:2; color:#00a0e0; text-align:justify">
  38 <span style="background-color:#00a0e0">
  39 This is some content This is some content
  40 This is some content This is some content
  41 This is some content This is some content
  42 This is some content This is some content
  43 This is some content This is some content
  44 This is some content This is some content
  45 This is some content This is some content
  46 This is some content This is some content
  47 </div>
  48 <div style="font-size:12px; line-height:2; color:#800000; text-align:justify">
  49 <span style="background-color:#800000">
  50 This is some content This is some content
  51 This is some content This is some content
  52 This is some content This is some content
  53 This is some content.
  54 </span>
  55 </div>
  56 </div>
  57
  58 <div id="region_1"></div>
  59 <div id="region_2"></div>