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 |