HTML
=============================
<ul>
	<li><a href="#">1</a></li>
	<li><a href="#">2</a></li>
	<li class="dropdown"><a href="#" class="dropdown-btn">3</a>
		<div class="dropdown-menu">
			<a href="#">1</a>
			<a href="#">2</a>
			<a href="#">3</a>
		</div>
</ul>
============================================
CSS:
ul
{
	list-style-type: none;
	padding: 0;
	overflow: hidden;
	background-color: #lebb90;
	margin-top: -50px;
	margin-left: 950px;
}
li 
{
	float: left;
}

li a, .dropdown-btn {
	display: inline-block;
	color: black;
	text-align: center;
	padding: 18px 22px;
	text-decoration: none;

}
li a:hover, .dropdown:hover .dropdown-btn {
	background-color: #f5f5f5;
	color: black;
}
li.dropdown 
{
	display: inline-block;
	color: black;
}
.dropdown-menu
{
	display: none;
	position: absolute;
	background-color: #f5f5f5;
	width: 111px;
	color: black;
	box-shadow: 0px 8px 16px 0px rgba()
}
.dropdown-menu a 
{
	padding 12px 16px;
	text-decoration: none;
	color: black;
	display: block;
	text-align: left;
}
.dropdown-menu a:hover 
{
	background-color: black;
	color: #fff;
}
.dropdown:hover .dropdown-menu 
{
	display: block;
}