dropdownbutton.html

<style type="text/css">.dropbtn {
    background-color: #216CBE;
    color: white;
    border-color: gray !important;
    color: #fff !important;
    padding: 5px 5px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
	box-shadow: 4px 8px 8px 0px rgba(0,0,0,0.25);
}

.dropdown {
    position: static;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: static;
    background-color: #a7dbf2;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,1);
    z-index: 1;
    border-radius: 8px;
    text-decoration:none;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	border-radius: 8px;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
	margin-top: 0.04em;
	background-color: #216CBE;
	border-color: #767676 !important;
	box-shadow: inset 0px 8px 8px 0px rgba(0,0,0,0.2);
}
</style>

<div style="text-align:center">
<div class="dropdown">
<p><strong><button class="dropbtn">Dropdown test tab</button></strong></p>

<div class="dropdown-content"><a target="_blank">Test 1</a> <a target="_blank">Test 2</a> <a target="_blank">Test 3</a></div>
</div>
</div>