| 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: flowHover; |  | 
| 17                 width: 300px; |  | 
| 18                 height: 190px; |  | 
| 19                 border: 5px solid green; |  | 
| 20                 border-left: 100px solid green; |  | 
| 21                 border-color: darkred; |  | 
| 22                 background-color: #ddddff; |  | 
| 23         } |  | 
| 24 |  | 
| 25         #content2 { |  | 
| 26                 -webkit-flow-into: flowHover; |  | 
| 27                 border: 5px solid darkred; |  | 
| 28                 position: relative; |  | 
| 29                 top: 30px; |  | 
| 30         } |  | 
| 31         </style> |  | 
| 32 </head> |  | 
| 33 <body> |  | 
| 34         <p>When hovering the <span style="color:green"><b>region</b></span>, the
     <span style="color:blue"><b>blue</b></span> box should disappear and a <span st
    yle="color:darkred"><b>red</b></span> one should appear instead (the region's <b
    >flow-from</b> will change to a different thread)</p> |  | 
| 35         <div id="region"></div> |  | 
| 36         <div id="content2" class="box">This box is flowed into the <span style="
    color:darkred"><b>region</b></span> when the region <b>is</b> hovered</div> |  | 
| 37 </body> |  | 
| 38 </html> |  | 
| OLD | NEW | 
|---|