Prev Demo
CSS3
>
Dropdown Menu
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Dropdown menu</title> <style> .dropdown { position:relative; display: inline-block; } .dropdown-content { display: none; position: relative; padding: 10px 6px 2px 10px ; } .dropdown:hover .dropdown-content { display: block; color:white; background-color:green; } </style> </head> <body> <p><i>Simple dropdown menu</i></p> <div class="dropdown"> <span>Place mouse here</span> <div class="dropdown-content"> <p>TechFunda</p> </div> </div> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
