| <html> |
| <head> |
| <style> |
| .parent { position: relative; } |
| .static { position: static; } |
| .relative { position: relative; } |
| .float { float: right; } |
| .abspos { position: absolute; top: 4em; } |
| .fixed { position: fixed; top: 6em; } |
| </style> |
| </head> |
| <body> |
| <div class="parent"> |
| <div class="static" style="text-decoration:underline">The static-positioned text should be underlined.</div> |
| <div class="relative" style="text-decoration:underline">The relative-positioned text should be underlined.</div> |
| <div class="float">The floating-positioned text should NOT be underlined.</div> |
| <div class="abspos">The absolutely-positioned text should NOT be underlined.</div> |
| <div class="fixed">The fixed-positioned text should NOT be underlined.</div> |
| </div> |
| </body> |
| </html> |
