menu-elements-default-style-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<link rel=stylesheet href=resources/menu-elements-styles.css>

<style>

body { background-color: orange; }

</style>

<div class="menubar">

  <div class="menuitem">Menubar item A</div>

  <div class="menuitem">Menubar item B</div>

  <div class="menuitem">Menubar item C</div>

</div>

<!-- A <br> here because menubars are inline(-flex) by default -->

<br>

<div class="menulist">

  <div class="menuitem">Menulist item A</div>

  <div class="menuitem">Menulist item B</div>

  <div class="menuitem">Menulist item C</div>

</div>