| <!doctype html> |
| |
| <style> |
| body { font-family: monospace; } |
| |
| #article { |
| -webkit-flow-into: article; |
| } |
| |
| #region_1, #region_2 { |
| -webkit-flow-from: article; |
| -webkit-region-fragment: break; |
| display:inline-block; |
| vertical-align:top; |
| margin:2px; |
| overflow:visible |
| } |
| |
| #region_1 { height:400px; width:400px; border:1px solid #a0a0a0; } |
| #region_2 { height:200px; width:300px; border:1px solid black } |
| |
| </style> |
| |
| <div id="article"> |
| <div style="font-size:18px; line-height:2; color:#a0a0a0; text-align:justify"> |
| <span style="background-color:#a0a0a0"> |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This |
| </div> |
| <div style="font-size:12px; line-height:2; color:#00a0e0; text-align:justify"> |
| <span style="background-color:#00a0e0"> |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| </div> |
| <div style="font-size:12px; line-height:2; color:#800000; text-align:justify"> |
| <span style="background-color:#800000"> |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content. |
| </span> |
| </div> |
| </div> |
| |
| <div id="region_1"></div> |
| <div id="region_2"></div> |
