Alineación vertical - Lista con “list-style-image”
Ni googlear ni navegar en SO me ayudaron, espero que alguien aquí pueda resolver esto:
Tengo el siguiente html:
<ul>
<li>ABC 1</li>
<li>ABC 2</li>
<li>ABC 3</li>
<li>ABC 4</li>
</ul>
y css
ul {list-style-image:url(../img/hook.png);}
li {vertical-align:middle;color:#FFFFFF;font-size:16px;text-shadow: 0em 0.13em 0.13em #2A2A2A;font-family:Helvetica,Arial,Sans-Serif;font-weight:normal;}
La imagen "hook.png" es de 32x35 px, pero cada vez que creo elementos de la lista, el texto (por ejemplo, ABC ...) siempre se mostrará debajo de la imagen. Probé la altura de la línea y esas cosas al 100%, pero ninguna de ellas funcionó.
Cualquier ayuda rápida: /?