<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>Test</title><style>.mainmenu{background: #27ae60;min-height: 50px;}.mainmenu ul{margin:0;padding:0;list-style-type: none;}.mainmenu ul li{float:left;border-left:#27ae60;border-right: #27ae60;position: relative;}.mainmenu ul li:first-child{border-left: 0px solid;}.mainmenu ul li:last-child{border-left: 0px solid;}.mainmenu ul li a{color:#fff;display: block;padding:15px;text-decoration: none;}.mainmenu ul li a:hover{background: #2ecc71;}.mainmenu ul li ul{position:absolute;left:9999px;background: #27ae60;}.mainmenu ul li:hover ul{left:0 }.mainmenu ul li ul li{float:none;width: 200px;border-bottom: 1px solid #2ecc71;border-left: 0px solid;border-right:0px solid;}.mainmenu ul li ul li a{background:#16a085;padding:5px 10px;}.mainmenu ul li ul li:last-child{border-bottom: 0px solid;}</style></head><body><divclass="mainmenu"><ul><li><ahref="#">Home</a></li><li><ahref="#">Blog</a><ul><li><ahref="#">HTML</a></li><li><ahref="#">CSS</a></li><li><ahref="#">JavaScript</a></li></ul></li><li><ahref="#">About</a></li><li><ahref="#">Contact</a></li><li><ahref="#">Login</a></li></ul></div></body></html>