Bonjour,

J'ai voudrais centrer une phrase dans un div mais je n'y arrive pas. Cela est dû au fait que ma phrase est découpé en plusieurs balises P avec un float:left

Le découpage me permettra par la suite, avec du javascript, de faire afficher chaque élément P en jouant avec l'opacité.

Voici mon code

HTML
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<div style="width:500px; height:200px; background-color:Gray; text-align:center">
 
    <div style="background-color:Red ; width:50%;">
 
        <p style=" float:left">Mot 1 &nbsp</p>
        <p style=" float:left">Mot 2</p>
 
    </div>
</div>
Avec ce code, le div de couleur rouge est centré par rapport au div de couleur gris. Mais le texte, lui, n'est pas centré du tout.

Sauriez-vous s'il est possible de centrer cette phrase dans le div de couleur rouge ?

Merci beaucoup.