Buenas, estoy intentando aprender cosas nuevas.
El problema que tengo ahora mismo es que quiero hacer un menu con el logo en medio, hasta aqui todo bien
<header class="border">
<div class="NavCont">
<ul class="border">
<li><a href="#">Inicio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#"><img src="img/logo.jpg"></a></li>
<li><a href="#">Nosotros</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
</header>
pero lo que no consigo con el css (tras haber puesto todo inline) es que los elementosx de la lista que no son la imagen esten alienados con el centro de la imagen y no esten abajo o arriba.
Cuelga el css con el codigo para que podamos verlo, sino no puedo decirte nada.
Saludos!!!
Debería bastar con vertical-align:
.border {
vertical-align: middle;
}
.border > li {
display: inline-block;
vertical-align: middle;
}
muchas gracias a los dos, voy a probarlo. Pondré aun asi el css que no se por que no me dejaba entrar en el foro ayer y hoy!!
muchas gracias, ha funcionado, la verdad que he intentado usar vertical-align otras veces pero no me servia.