Hola a todos!
Tengo la siguiente lista:
<div style="height: 30px";>
<ul>
<li>Texto dentro de la lista</li>
<li><img src="xx" width="100" height="20" alt="" /></li>
</ul>
</div>
La lista tiene
display: inline;.
Necesito que tanto el texto como la imagen se alinien HORIZONTALMENTE al centro de la div, como cuando haciamos un "valign: middle;" con las tablas. El problema es que al poner una imagen el texto se posiciona a partir del BOTTOM de la imagen y no encuentro forma de que que quede CENTRADO al "middle" de la imagen...
¿Alguno sabe cómo hacer esto? Si no quedo bien explicado puedo poner imagenes para dar alguna idea!
Saludos y gracias!!