| 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         #region1 { |  | 
|  16                 width: 300px; |  | 
|  17                 height: 190px; |  | 
|  18                 border: 5px solid green; |  | 
|  19                 background-color: #ddddff; |  | 
|  20                 margin-bottom: 20px; |  | 
|  21         } |  | 
|  22  |  | 
|  23         #region2 { |  | 
|  24                 -webkit-flow-from: flow2; |  | 
|  25                 width: 300px; |  | 
|  26                 height: 190px; |  | 
|  27                 border: 5px solid darkred; |  | 
|  28                 background-color: #ddddff; |  | 
|  29                 position: relative; |  | 
|  30                 left: 350px; |  | 
|  31                 top: -220px; |  | 
|  32         } |  | 
|  33          |  | 
|  34         #content { |  | 
|  35                 -webkit-flow-into: flow2; |  | 
|  36                 border: 5px solid blue; |  | 
|  37                 background: #aaaacc;; |  | 
|  38         } |  | 
|  39         </style> |  | 
|  40 </head> |  | 
|  41 <body> |  | 
|  42         <p>When hovering the <span style="color:blue"><b>blue box</b></span>, it
     should move to the <span style="color:darkred"><b>second region</b></span> (it'
    s <b>flow-into</b> will change to the 2nd thread)</p> |  | 
|  43         <div id="region1"></div> |  | 
|  44         <div id="region2"></div> |  | 
|  45         <div id="content" class="box">This box is flowed into the <span style="c
    olor:green"><b>first region</b></span> when it is <b>not</b> hovered and into th
    e <span style="color:darkred"><b>second region</b></span> when it <b>is</b></div
    > |  | 
|  46 </body> |  | 
|  47 </html> |  | 
| OLD | NEW |