Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<link rel=stylesheet href=resources/menu-elements-styles.css>
<style>
body { background-color: orange; }
</style>
<div style="position: absolute; top: 37px; left: 173px">
<button>Show menu</button>
<!-- This puts the menulist right below the button to test that the default
anchor positioning styles do exactly that. -->
<div class="menulist" style="position:static; display: block">
<div class="menuitem">Menulist item A</div>
<div class="menuitem">Menulist item B</div>
<hr>
<div class="menuitem">Menulist item C</div>
</div>
</div>