Hola, en un header tengo dos secciones: Section ID=logo y Nav
Lo que quiero es que la seccion id=logo se vaya para el lado izquierdo y el nav para el lado derecho dentro del Section.
Me dijeron que lo puedo hacer usando text-align=left y text-align=right pero no encuentro la manera de que funcione.
Código HTML:
<body>
<header>
<section id="logo">
TEXTO-LOGO
</section>
<nav>
<ul>
<li><a href="opcion1.html">OPCION1</a></li>
<li><a href="opcion2.html">OPCION2</a></li>
<li><a href="opcion3.html">OPCION3</a></li>
</ul>
</nav>
</header>
</body> Código HTML:
header{
background: grey;
margin: 0 auto:
width: 90%;
text-align: center;
}
section#logo, nav{
display: inline-block;
}
nav {
background: yellow;
border: 0.1em solid blue;
}
nav ul{
list-style: none;
vertical-align: top;
}
nav li{
display: inline-block;
padding: 0.1em;
vertical-align: top;
}
nav a{
border: 0.1em solid blue;
display: block;
padding: 0.2em;
}
section#logo{
border: 0.1em solid blue;
background: green;
}
Espero me puedan ayudar.
Gracias.