CSS Menu Using Float
<html> <head> <style> b{float:left; background-color:gold; width:100px; height:30px; font-size:18pt; font-family:calibri; color:black; text-align:center; margin-left:10px; border-bottom:solid; border-color:black; border-top:solid; } b:hover{float:left; background-color:deeppink; width:100px; height:100px; font-size:28pt; font-family:calibri; color:black; text-align:center; border-right:solid; border-left:solid; border-color:black; } </style> </head> <body> <b>Home</b> <b>Music</b> <b>Video</b> <b>Movie</b> <b>Login</b> <b>Signin</b> </body> </html>