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 |