| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 body { | 5 body { |
| 6 font-family: monospace; | 6 font-family: monospace; |
| 7 } | 7 } |
| 8 | 8 |
| 9 #article { | 9 #article { |
| 10 -webkit-flow-into: article; | 10 -webkit-flow-into: article; |
| 11 } | 11 } |
| 12 | 12 |
| 13 #region_1, #region_2 { | 13 #region_1, #region_2 { |
| 14 -webkit-flow-from: article; | 14 -webkit-flow-from: article; |
| 15 -webkit-region-overflow: auto; | 15 -webkit-region-fragment: auto; |
| 16 overflow: hidden; | 16 overflow: hidden; |
| 17 display: inline-block; | 17 display: inline-block; |
| 18 vertical-align: top; | 18 vertical-align: top; |
| 19 margin: 2px; | 19 margin: 2px; |
| 20 } | 20 } |
| 21 | 21 |
| 22 #region_1 { | 22 #region_1 { |
| 23 height: 400px; | 23 height: 400px; |
| 24 width: 400px; | 24 width: 400px; |
| 25 border: 1px solid #a0a0a0; | 25 border: 1px solid #a0a0a0; |
| (...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 66 This is some content This is some content | 66 This is some content This is some content |
| 67 This is some content. | 67 This is some content. |
| 68 </span> | 68 </span> |
| 69 </div> | 69 </div> |
| 70 </div> | 70 </div> |
| 71 | 71 |
| 72 <div id="region_1"></div> | 72 <div id="region_1"></div> |
| 73 <div id="region_2"></div> | 73 <div id="region_2"></div> |
| 74 </body> | 74 </body> |
| 75 </html> | 75 </html> |
| OLD | NEW |