Alinear un <li> a la derecha (incluido el "list-type")

[Zhak]

Hola a todos, lo que quiero hacer es alinear mi lista (<ul><li>) a la derecha, pero que la imágen de mi list type esté alineada a la derecha también, antes del texto.. osea, lo que logro poniendo text-align: center o simplemente align=center es lo siguiente:

« Vínculo 1
« Vínculo 2

y lo que quisiera lograr sería

Vínculo 1 «
Vínculo 2 «

Dónde las flechas "«" son una pequeña imágen que usaría como list-type. Osea, que el list-type vaya a la derecha del texto.

Espero haber explicado todo bien.

Gracias de antemano,
JAC

[taar]

Prueba este codigo

Código PHP:

  ul {
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}
ul li {
   text-align: right;
   background: #f00 url(grafico1.gif) no-repeat fixed right 8px;
}
ul li a {
   color: #333333;
   display: block;
   height: 18px;
   padding: 5px 20px -5px 0;
   text-decoration: none;
}  
   

Código PHP:

  <ul>
   <li><a href="item1.html">Item 1</a></li>
   <li><a href="item2.html">Item 2</a></li>
   <li><a href="item3.html">Item 3</a></li>
</ul>  
   

[Zhak]

Hola taar, muy buena tu idea, me sirvió.. lo que hice al final fue esto:

.menuli li {
margin: 0;
text-align: right;
list-style: none;
background-image: url(images/layout/menu/list-style.gif);
background-position: right;
background-repeat: no-repeat;
padding-right: 12px;
}