Aligner image à droite dans LI

Bonjour,

Dans une DIV j'ai un élément UL dans lequel j'ai inséré mes listes LI.

Au bord droit de la LI je voudrais insérer une image (image.png image1.png). Mon problème est que je n'arrive pas à aligner l'image sur le bord droit de LI :?

Code:

---

1 2 3 4 5 6 7

<div id="Liste"> <ul id="aa1" class="listea"> <li><a href="#">Lien1</a><div style="display:inline-block"><img src="image.png"></div></li> <li><a href="#">Lien2</a><div style="display:inline-block"><img src="image1.png"></div></li> </ul> </div>

---

CSS :

Code:

---

1 2 3 4 5 6 7 8 9

.aa1 ul{ list-style: none; } .aa1 li{ list-style-position:inside; vertical-align:middle; list-style-image: url(/images/a.png); }

---

Merci

Si j'ai bien compris tu aimerais que t'as list-style-image type s'affiche à la droite de chaque <li>. Si c'est bien ça je te conseil de faire ça.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

ul { list-style-type: none; padding: 0; margin: 0; text-align: right; } li { background-image: url(images/a.png); background-repeat: no-repeat; background-position: 100% .4em; padding-right: .6em; }

---

Règle ensuite les différentes positions et paddings.