texto al medio de una imagen

[manel2292]

vamos a ver, ahora he probado:

Código HTML:

<ul id="opciones_usuario">
                                    <li> <a href="index.php?contenido=editarperfil"> <img src="img/perfil.png" title="Editar perfil">  Editar Perfil </a> </li>
                                    <li> <a href="index.php?contenido=presupuestos"> <img src="img/presupuestos.png" title="Mis presupuestos"> Mis Presupuestos </a>  </li>
                                    <li> <a href="index.php?contenido=envios"> <img src="img/envios.png" title="Mis pedidos"> Mis Pedidos </a> </li>
                                </ul>
 

Código CSS:

ul#opciones_usuario li
{
list-style:none;
vertical-align:middle;
}
 

y no me funciona, el texto queda en la parte de abajo de la imagen.

he probado tambíen:

Código CSS:

ul#opciones_usuario
{
display:inline-block;
}
ul#opciones_usuario li
{
list-style:none;
vertical-align:middle;
}
 

y queda igual, el texto abajo.