Comment centrer des <div> en justify

Bonjour,

J'ai un menu

Code:

---

1 2 3 4 5 6 7 8

<div id="menu" class="align-width"> <div class="menu">ACCUEIL</div> <div class="menu">EQUIPE</div> <div class="menu">TRAVAUX</div> <div class="menu">CONTACT</div> <div class="menu">LIENS</div> </div>

---

Code:

---

1 2	.menu{float:left; font-weight:bold; text-transform:capitalize;}

---

J'aimerais que mes <div class="menu"> soient en mode justify dans mon <div id="menu">

Donc que ACCUEIL soit tout a gauche et LIEN tout à droite, avec le meme espace entre les <div>s.

Comment pourrais-je faire ceci avec du CSS?

J'ai la même question avec des <li>

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<div id="menu" class="align-width"> <ul> <li> </li> <li> <a title="Equipe" href="/new/index.php?id=2">Equipe</a> </li> <li> <a title="Travaux" href="/new/index.php?id=3">Travaux</a> </li> <li class="active"> <a title="Contact" href="/new/index.php?id=4">Contact</a> </li> <li class="last"> <a title="Lien" href="/new/index.php?id=5">Lien</a> </li> </ul> </div>

---

Merci

je ne suis pas sur d'avoir bien compris, en fait, tu veux faire un menu en ligne ?

avec les div ca donne ca

Code:

---

1 2 3 4 5 6 7 8

<div id="menu" class="align-width"> <div>ACCUEIL</div> <div>EQUIPE</div> <div>TRAVAUX</div> <div>CONTACT</div> <div>LIENS</div> </div>

---

Code:

---

1 2 3 4 5 6 7

#menu div { float: left; font-weight:bold; text-transform:capitalize; text-align: justify; }

---

avec les balises <li>, c'est la même chose

Code:

---

1 2 3 4 5 6 7

#menu li { float: left; font-weight:bold; text-transform:capitalize; text-align: justify; }

---

sachant que ce qui suit devrait plutôt être appliqué a la balise <a>

Code:

---

1 2 3

font-weight:bold; text-transform:capitalize; text-align: justify;

---

salut, oui, j'aimerais faire un menu en ligne,
et j'aimerais que mes 5 menu soient reparti sur la largeur du div parrent, comme un texte justifié.

J'avais deja essayé avec text-align:justify, mais ca n'a pas marché