En CSS list-style-image muestra la imagen a la izquierda del texto, ¿es posible desplazar la imagen a la derecha del texto?

En CSS list-style-image muestra la imagen a la izquierda del texto, ¿es posible desplazar la imagen a la derecha del texto?

HTML

<nav id="headerNav">
 <ul>

    <li>Join Now</li>
    <li id="login">Log In</li>
 </ul>
</nav> 

CO

#login {
    list-style-image:url('login_padlock.png');
}

saludos cordiales

preguntado el 09 de marzo de 12 a las 14:03

3 Respuestas

No usando list-style-image, No. Sin embargo, podría asignar una imagen de fondo como esta:

#login{
     background: url('login_padlock.png') no-repeat center right;
}

respondido 09 mar '12, 14:03

Puede hacerlo, pero no mediante el uso de list-style-image. Lo que debe hacer es usar una imagen de fondo alineada a la derecha. Algo parecido a esto:

#headerNav li { list-style: none outside none; 
               padding-right: 25px; 
               background: url('login_padlock.png) 100% 0 no-repeat; }

respondido 09 mar '12, 14:03

Como sé, no es posible con una lista.

Podrías hacer una tabla en lugar de una lista y poner la imagen manualmente con un <img> etiqueta en la última columna separada, con alineación de texto a la derecha.

Respondido 07 Abr '15, 19:04

Oh, sí, pensé que agregarías más elementos de la lista, y si pusieras imágenes en ellos a la derecha, no se alinearían verticalmente entre sí. supongo que mi cerebro dejó de trabajar 4 sobre 3 el nuestro en el trabajo ahora X_X - As

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.