1: 
2: 
3: 
4: 
5: 
6: 
7:

 ...<li><a href="5" title="U2">U2</a>
     <ul>
       <li><a href="6" title="U2a">U2a</a></li>
       <li><a href="7" title="U2b">U2b</a></li>
     </ul>
   </li>
    <li><a href="8" title="U3">U3</a></li>...

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20:

<nav>
 <ul>
  <li><a href="1" title="W1">W1</a></li>
  <li><a href="2" title="W2">W2</a></li>
  <li><a title="U0" href="3">U0</a></li>
       <ul>
           <li><a href="4" title="U1">U1</a></li>
           <li><a href="5" title="U2">U2</a></li>
                <ul>
                    <li><a href="6" title="U2a">U2a</a></li>
                    <li><a href="7" title="U2b">U2b</a></li>
                </ul>
           <li><a href="8" title="U3">U3</a></li>
           <li><a href="9" title="U4">U4</a></li>
       </ul>
  <li><a href="10" title="W8">W8</a></li>
  <li><a href="11" title="W9">W9</a></li>
  <li><a href="12" title="W10">W10</a></li>
 </ul>
</nav>

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22:

<nav>        
 <ul>            
 <li><a href="1" title="W1">W1</a></li>            
 <li><a href="2" title="W2">W2</a></li>            
 <li><a href="U0">U0</a>                
    <ul>                     
        <li><a href="">U1</a></li>                     
        <li><a href="" title="U2">U2</a>                        
    <ul>                             
        <li><a href="" title="U2a">U2a</a></li>                           
        <li><a href="" title="U2b">U2b</a></li>  
      </ul>                 
    </li>                    
    <li><a href="" title="U3">U3</a></li>                   
    <li><a href="" title="U4">U4</a></li>     
      </ul>         
    </li>           
    <li><a href="" title="W8">W8</a></li>     
    <li><a href="" title="W9">W9</a></li>      
    <li><a href="" title="W10">W10</a></li>    
    </ul>  
  </nav> 

1: 
2: 
3: 
4: 
5: 
6:

li a {	background-color:yellow;  	 display: inline-block;     text-align: center;     padding: 14px 16px;     text-decoration: none; } 
 li a:hover {  background-color: red; } 
 nav ul {  border:0px solid red;      list-style-type: none;     margin: 0;     padding: 0;  }  
nav ul li {  float: left;     }  
nav ul li ul {  display: none; }  
nav ul li:hover > ul { display: block;  	}