Teste

Apenas um teste

by Gustavo Del Vechio

HTML

<nav>
			<ul class="menu">
				<li><a href="#">Inicio</a></li>
				<li><a href="#">Quem somos</a></li>
				<li><a href="#">Download</a>
					<ul>
					  <li><a href="#">Sub 1</a></li>
					  <li><a href="#">Sub 2</a></li>
					  <li><a href="#">Sub 3</a></li>
					</ul>
				</li>
				<li><a href="#">Contato</a></li>				
			</ul>
		</nav>

CSS

*{
margin: 0;
padding: 0;
}

html, body{
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
}

a{
	text-decoration:none;
	color:white;
}

.menu{ 
  text-align:center;
	background-color:yellow;   
}

.menu li{
	display:inline-block;
	background-color:red;
	padding:15px;	
}

.menu li ul{  
	position:absolute;
	margin-top:15px;
}

.menu li ul li{
	display:block;
	padding:20px;
	margin-left:-15px;
}