Multiple Navigation Groups in a Single nav Element

 
<!DOCTYPE HTML> 
<html> 
<head> 
<title>Example</title> 
<style> 
body > nav { text-align: center; padding: 2px; border : dashed thin black;} 
</style> 
</head> 
<body> 
<header> 
<nav> 
  <h2>Shared</h2> 
  <ul> 
    <li><a href="#">Pellentesque habitant</a></li> 
    <li><a href="#">Morbi tristique senectus</a></li> 

             <li><a href="#">Aenean ultricies mi vitae est</a></li> 
           </ul> 
           <h2>Read</h2> 
           <ul> 
             <li><a href="#">Pellentesque habitant</a></li> 
             <li><a href="#">Morbi tristique senectus</a></li> 
             <li><a href="#">Aenean ultricies mi vitae est</a></li> 
           </ul> 
           <h2>Watched/Listened</h2> 
           <ul> 
             <li><a href="#">Pellentesque habitant</a></li> 
             <li><a href="#">Morbi tristique senectus</a></li> 
             <li><a href="#">Aenean ultricies mi vitae est</a></li> 
           </ul> 
         </nav> 
</header> 
</body> 
</html>
Click to view this demo.
Home 
  HTML CSS Book 
    HTML  

nav:
  1. <nav> for navigation
  2. Multiple Navigation Groups in a Single nav Element
  3. Making a Basic Document Outline
Related: