| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| body { width: 600px; } |
| #footNote { font-size: 13px; } |
| </style> |
| </head> |
| <body> |
| <div id="content"> |
| <h1 style="margin-top: 0px">Selecting text through different CSS-Region flows</h1> |
| <div> |
| This text contains a footnote as a nested region what is diplayed below the article. (1) If you start selecting |
| text from this article until somewhere in the footnote and then click somewhere, the selection should be cleared. |
| </div> |
| <div id="footNote">(1) This is a footnote. Footnotes can be quite long and go over several lines. This footnote |
| is nested inside the text above and displayed here with the help of css-regions.</div> |
| </div> |
| </body> |
| </html> |