css schöne navbar code example

Example 1: css schöne navbar

nav ul {
    margin: 0;
    padding: 0;
    text-align: center;
  }

  nav li {
    list-style: none;
    position: relative;
    margin: 0; 
    padding: 0;
  }

  nav ul ul {
    position: absolute;
    top: -0.4em; 
    left: 8em;
  }

Example 2: css schöne navbar

/*     submenu navigation links      */
nav .submenu { 
  visibility: hidden;  
  height: 0;
  z-index: 1000; 
}
nav .submenu li { 
  display: block; 
  width: 15em;
}
 
/**     Show the submenu on hover, focus     **/
nav li:hover  .submenu,
nav li:active  .submenu, 
nav li:focus  .submenu { 
  visibility: visible;
  height: auto;
}