Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of simple drop down menu</title> <style> ul { padding: 0; list-style: none; } ul li { width: 100px; text-align: center; background: #5287a6; font-weight: bold; } ul li a{ padding: 5px; display: block; color: #ffffff; text-decoration: none; } ul li a:hover { text-decoration: underline; } ul li ul { display: none; } ul li:hover ul { display: block; } </style> </head> <body> <h1>A Simple Drop Down Menu</h1> <ul> <li><a href="#">Click Me</a> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> <li><a href="#">Item 3</a></li> </ul> </li> </ul> </body> </html>
