| OLD | NEW | 
 | (Empty) | 
|   1 <!DOCTYPE html> |  | 
|   2 <link rel="stylesheet" href="resources/region-style.css"> |  | 
|   3 <style> |  | 
|   4     body { -webkit-font-smoothing: none; font: 16px/1.25 monospace; } |  | 
|   5  |  | 
|   6     .secondBox { margin: 40px; } |  | 
|   7  |  | 
|   8     #region1, #region2, #region3 { |  | 
|   9         border: 1px solid black; |  | 
|  10         -webkit-flow-from: flow1; |  | 
|  11     } |  | 
|  12  |  | 
|  13     #region1 { |  | 
|  14         width: 200px; |  | 
|  15         height: 100px; |  | 
|  16     } |  | 
|  17  |  | 
|  18     #region2 { |  | 
|  19         width: 300px; |  | 
|  20         height: 180px; |  | 
|  21     } |  | 
|  22  |  | 
|  23     #region3 { |  | 
|  24         width: 120px; |  | 
|  25         height: 120px; |  | 
|  26     } |  | 
|  27 </style> |  | 
|  28 <p>The first and last lines of text in the regions below should be clipped to th
    e green box. The overflow |  | 
|  29 section sizes itself independently in each region.</p> |  | 
|  30  |  | 
|  31 <div class="overflowContentFlow"> |  | 
|  32     <div class="overflowFirstBox"> |  | 
|  33         <div class="overflowSecondBox secondBox"> |  | 
|  34             <div style="width: 500px">Clipped line of text that should not be vi
    sible.</div> |  | 
|  35             <p>These lines will not spill out of the regions. These lines will n
    ot spill out of the regions. |  | 
|  36             These lines will not spill out of the regions. </p> |  | 
|  37             <div style="width: 500px">Clipped line of text that should not be vi
    sible.</div> |  | 
|  38         </div> |  | 
|  39     </div> |  | 
|  40 </div> |  | 
|  41  |  | 
|  42 <div id="container"> |  | 
|  43     <div id="region1"></div> |  | 
|  44     <div id="region2"></div> |  | 
|  45     <div id="region3"></div> |  | 
|  46 </div> |  | 
| OLD | NEW |