Create a menu using pure css and HTML

Question

I have a menu structure like this :

  

    item1
    

      
subitem1         


        

Answer 1

HTML

  

    item1
    

      
subitem1
      
subitem2
      
subitem3
      
subitem4
      

        item2
        

          
subitem5
          
subitem6
          
subitem7
          
subitem8
        
      
    
  

CSS

.menu li > ul {
    display:none;
}

.menu li:hover > ul {
    display:block;
}

LIVE