| OLD | NEW | 
 | (Empty) | 
|   1 <!doctype html> |  | 
|   2 <html lang="en"> |  | 
|   3 <head> |  | 
|   4         <style> |  | 
|   5         p, div { |  | 
|   6                 font: 12px/1 monospace; |  | 
|   7         } |  | 
|   8         .box { |  | 
|   9                 width: 260px; |  | 
|  10                 height: 120px; |  | 
|  11                 padding: 5px; |  | 
|  12                 margin: 10px; |  | 
|  13         } |  | 
|  14          |  | 
|  15         #region { |  | 
|  16                 -webkit-flow-from: flow; |  | 
|  17                 width: 300px; |  | 
|  18                 height: 190px; |  | 
|  19                 border: 5px solid green; |  | 
|  20                 border-left: 100px solid green; |  | 
|  21                 background-color: #ddddff; |  | 
|  22         } |  | 
|  23          |  | 
|  24         #content { |  | 
|  25                 -webkit-flow-into: none; |  | 
|  26                 border: 5px solid blue; |  | 
|  27                 background: #aaaacc; |  | 
|  28         } |  | 
|  29         </style> |  | 
|  30 </head> |  | 
|  31  |  | 
|  32 <body> |  | 
|  33         <p>When hovering the <span style="color:blue"><b>blue box</b></span>, it
     should get out of the region (it's <b>flow-into</b> will change to "none")</p> |  | 
|  34         <div id="content" class="box">This box is flowed into the <span style="c
    olor:green"><b>region</b></span> when it is <b>not</b> hovered</div> |  | 
|  35         <div id="region"></div> |  | 
|  36 </body> |  | 
|  37 </html> |  | 
| OLD | NEW |