| <!DOCTYPE html> |
| <meta charset="utf-8" /> |
| <title>Popover element appearance</title> |
| <link rel="stylesheet" href="resources/popover-styles.css"> |
| |
| <style> |
| .fake-popover {top: 100px; bottom: auto;} |
| #blank {left: -300px;} |
| #auto {left: -100px;} |
| #manual {left: 100px;} |
| #invalid {left: 300px;} |
| </style> |
| |
| <p>There should be four popovers with similar appearance.</p> |
| <div class="fake-popover" id=blank>Blank</div> |
| <div class="fake-popover" id=auto>Auto</div> |
| <div class="fake-popover" id=manual>Manual</div> |
| <div class="fake-popover" id=invalid>Invalid</div> |
