Lista alineada a la derecha CSS

¿Cómo debo alinear la lista a la derecha? El texto se alinea perfectamente, sin embargo, las viñetas no son. ¿Hay alguna manera simple y fácil de hacerlo con CSS?Lista alineada a la derecha CSS

Código:

<ul style="text-align: right"> 
<li>Item 1</li> 
<li>Item 2</li> 
<li>Item 3</li> 
</ul>

Incluso si pongo las reglas para los elementos LI directamente a alinearse con el rigth, que no funciona.

EDITAR He adjuntado una imagen que muestra lo que quiero lograr: On the right is what I want. On the left is what I have

solución encontrada Gracias a Adriano

"text-align: right;" combinado con "list-style-position: inside;" hace lo que quiero. ¡Gracias a todos!

Fuente

2012-05-03 lukas.pukenis

No estoy seguro de lo que está tratando de lograr. ¿Es [this] (http://jsfiddle.net/a2Jup/) it (ver con FF)? – Jon

@Jon, no, mira la imagen que he adjuntado –

similar a: http://stackoverflow.com/questions/4977807/ul-li-bullets-as-image-an-right-side-next-to- the-text – swati

Si necesita alinear las balas con el texto que puede utilizar el atributo list-style-position, de la siguiente manera:

.theList 
{ 
    text-align: right; 
    list-style-position: inside; 
}

Fuente

2012-05-03 12:16:28

Esto funciona. ¡No he escuchado el estilo de lista de posición! ¡Gracias! –

Yo tampoco. +1. –

.theList donde está esta clase, con ul o li –

Uso dirección:

direction: rtl;

Se utiliza generalmente para idiomas de derecha a izquierda.

edición:

flotador cada uno a la derecha y limpiar ambos.

float: right; 
clear: both;

Fuente

2012-05-03 12:08:06

Gracias por responder, pero revierte las viñetas con texto; esto no es lo que necesito. –

Por favor, reformule su pregunta y agregue una imagen del resultado deseado. Porque claramente entendí mal. –

He actualizado mi pregunta –

-4

<ul style="float:right; text-align:left; list-style:none;">

cheque esto .....

si querer viñetas y luego eliminar list-style:none;

Fuente

2012-05-03 12:20:41 Jaiff

Si entiendo su requisito correctamente, entonces jus t flotar a la derecha los elementos li debería ser suficiente: http://jsfiddle.net/Jxzs4/1/

Fuente

2012-05-03 12:23:27

Respuesta

Cuestiones relacionadas