Alinear a ambos lados CSS3 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;
}
Gracias.
