28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

avec le code qui suit, je n'arrive pas à centrer mon text :



<span style="text-align:center;">PRIX TOTAL TTC :</span> <span style="color:red; font-weight:bold;font-size:18px;text-align:center;">1800 euros</span>



savez-vous pourquoi?
Modifié par samb01 (18 Jul 2006 - 11:25)
span étant de type inline il ne fait que la largeur de son contenu. donc il n'y a rien dans quoi centrer.

Il suffit de donner un comportement block à ce span en lui ajoutant la déclaration de style :

display:block;


et ça devrait être bon.
Ah oui, je vois qu'il y a deux span dans ton code.

S'il s'agit de les mettre visuellemnt sur la même ligne, c'est possible aussi par :

span {
display:block;
float:left;
width:50%;
text-align:center;
}


Même si dans ce que tu présentes il serait sans doute mieux d'envisager une description html par tableau (à voir).