<html>
<head>
<title>Drop Down Menu Test</title>
</head>
<style type="text/css">
div{
height: 30px;
width: 100px;
background-color: red;
}
#status{
color: white;
list-style-type: none;
}
div .menu{
display: none;
position: absolute;
top: 35px;
left :0px;
width: 190px;
background-color: red;
border: 1px solid black;
list-style-type: none;
}
div:hover .menu{
display: inline-block;
}
</style>
<body>
<div id="main">
<ul>
<li id="status">Sign Up
<ul class="menu">
<li>Teacher</li>
<li>Student</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Are you looking to do something like this?
1
solved show links when mouse over text [closed]