<!doctype html> <style> ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: black; } li { float: left; } li a, .dropbtn { display: inline-block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover, .dropdown:hover .dropbtn { background-color: red; } li.dropdown { display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: blue; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: green; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover {background-color: red} .dropdown:hover .dropdown-content { display: block; } </style> <ul> <li class="dropdown"> <a href="https://cryptoforextricks.blogspot.co.ke"> Home</a> &