| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 | 2 |
| 3 <style> | 3 <style> |
| 4 body { font-family: monospace; } | 4 body { font-family: monospace; } |
| 5 | 5 |
| 6 #article { | 6 #article { |
| 7 -webkit-flow-into: article; | 7 -webkit-flow-into: article; |
| 8 } | 8 } |
| 9 | 9 |
| 10 #region_1, #region_2 { | 10 #region_1, #region_2 { |
| 11 -webkit-flow-from: article; | 11 -webkit-flow-from: article; |
| 12 -webkit-region-overflow: break; | 12 -webkit-region-fragment: break; |
| 13 display:inline-block; | 13 display:inline-block; |
| 14 vertical-align:top; | 14 vertical-align:top; |
| 15 margin:2px; | 15 margin:2px; |
| 16 overflow:visible | 16 overflow:visible |
| 17 } | 17 } |
| 18 | 18 |
| 19 #region_1 { height:400px; width:400px; border:1px solid #a0a0a0; } | 19 #region_1 { height:400px; width:400px; border:1px solid #a0a0a0; } |
| 20 #region_2 { height:200px; width:300px; border:1px solid black } | 20 #region_2 { height:200px; width:300px; border:1px solid black } |
| 21 | 21 |
| 22 </style> | 22 </style> |
| (...skipping 27 matching lines...) Expand all Loading... |
| 50 This is some content This is some content | 50 This is some content This is some content |
| 51 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 | 52 This is some content This is some content |
| 53 This is some content. | 53 This is some content. |
| 54 </span> | 54 </span> |
| 55 </div> | 55 </div> |
| 56 </div> | 56 </div> |
| 57 | 57 |
| 58 <div id="region_1"></div> | 58 <div id="region_1"></div> |
| 59 <div id="region_2"></div> | 59 <div id="region_2"></div> |
| OLD | NEW |