Hola.
Estoy intentando alinear un título, logo, menu (nav) y un campo de formulario de búsqueda todo dentro del mismo encabezado header. He probado varias opciones, incluso logro tenerlos alineados h1 y el logo pero si sigo añadiendo más no encuentro la manera.
Estoy probando de esta manera:
Código HTML:
Ver original<!-- Header -->
<img src="img/logo-web.png" class="logo"> <li class="inicio"><a href="index.php" accesskey="i" title="Web">Inicio
</a></li> <li class="que-ofrecemos"><a href="que-ofrecemos.php" accesskey="q" title="Qué ofrecemos">Qué ofrecemos
</a></li> <li class="registro"><a href="login.php" accesskey="r" title="Registro">Registro
</a></li> <!-- Aquí formulario de búsqueda -->
<form action="" method="post" name="buscar_usuario"> <input type="text" name="usuario"> <input type="submit" name="buscar" value="Buscar"> <!-- Fin formulario de búsqueda -->
<!-- Fin Header -->
Y el estilo siguiente:
Código CSS:
Ver originalheader{
background-color: #EC7176;
width: 98%;
}
header h1 {
display: inline-block;
margin: 10px;
text-align: left;
width: 35%;
}
header > img{
border: 1px solid black;
display: inline-block;
text-decoration: underline;
}
header > nav{
background: #64A174;
display: inline-block;
text-align: center;
width: 10%;
/*width: 98%;*/
}
header > aside{
border: 1px solid black;
display: inline-block;
}
¿Qué otra opción debo probar o en que estoy fallando?
Gracias, saludos