HTML CSS examples for CSS Widget:Menu sub menu
Vertical Menu Submenu CSS Alignment
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> nav ul {<!-- w w w. j a v a2 s. com--> float:left; } nav ul ul { display:none; } nav li { padding:6px; } nav li:hover { background:Chartreuse; } nav ul li { position:relative; } nav ul li:hover>ul { position:absolute; display:block; top:0; left:100%; background:yellow; } </style> </head> <body> <nav> <ul> <li> <a href="#">Lorem ips</a> <ul> <li> <a href="#">Lore</a> </li> <li> <a href="#">Lore</a> <ul> <li> <a href="#">Lore</a> </li> <li> <a href="#">Lore</a> </li> <li> <a href="#">Lore</a> </li> </ul> </li> <li> <a href="#">Lore</a> </li> </ul> </li> <li> <a href="#">Lorem ipsum do</a> <ul> <li> <a href="#">Lore</a> </li> <li> <a href="#">Lore</a> </li> <li> <a href="#">Lore</a> </li> </ul> </li> <li> <a href="#">Lorem ipsum</a> </li> <li> <a href="#">Lorem </a> </li> <li> <a href="#">Lorem ipsum</a> </li> <li> <a href="#">Lorem ipsu</a> </li> </ul> </nav> </body> </html>