| <!DOCTYPE html> | |
| <html> | |
| <title>CSS Scroll Snap Reference</title> | |
| <style type='text/css'> | |
| html, body { margin: 0; padding: 0; } | |
| #target { | |
| border-bottom: solid orange thick; | |
| position: absolute; | |
| bottom: 0; | |
| width: 100%; | |
| } | |
| </style> | |
| <div id="target"> | |
| <div>Test passes if the orange stripe below is exactly at the bottom of the viewport.</div> | |
| </div> |