Why isn't this setting my element to hidden?

I have a website with a ul containing li’s. i want to do a drop down menu so i think i have to hide the lis by display: none;. so i set that and the icons are i mean text of li is still there.

    <ul class="menu">
            <li class="main-menu">Menu item 1 
				<ul class="menu3"> 
					<li class="submenu1"><a href="#">Sub Item 1</a></li> 
					<li class="submenu1"><a href="#">Sub Item 2</a></li> 
					<li class="submenu1"><a href="#">Sub Item 3</a></li> 
				</ul> 
          </ul>

.menu3 {
display: none;
}


Don’t you have an unclosed list item?

1 Like

Refer these website - w3schools/howto/howto_css_dropdown_navbar.asp
@LearnTheNew