Hola tengo esta cabecera:
Código HTML:
<header>
<div class="wrapper">
<div class="logo">
<img src="logo.png"/>
</div>
<nav>
<a href="">Inicio</a>
<a href="">Servicios</a>
<a href="">Proyectos</a>
<a href="">Clientes</a>
<a href="">Contacto</a>
</nav>
</div>
</header>
Su código CSS:
Código HTML:
header{
width: 100%;
overflow: hidden;
background: #252932;
margin-bottom: 20px;
}
.wrapper{
width: 90%;
max-width:1000px;
margin: auto;
overflow: hidden;
}
header .logo{
line-height: 100px;
float: left;
}
header nav{
float: right;
line-height: 100px;
}
Pero quiero que el logo y los elementos del nav estén alineados de manera vertical. Cómo lo logro?
