[Résolu] Centrage d'un élement inline.. impossible

Centrage d'un élement inline.. impossible [Résolu] - HTML/CSS - Programmation

Marsh Posté le 25-05-2011 à 12:12:46    

Bonjour,
 
J'essaye de centrer un élément de type en-line (un type span) au sein d'un fieldset.
Jusque là aucune difficulté, il suffit de définir dans mon css :
 

Code :
  1. .add {
  2. text-align: center;
  3. }


 
Mon élément est déclaré comme ça dans mon code:

Code :
  1. <span class="add">Ajouter un compte</span>


 
Le problème c'est que le texte "Ajouter un compte" reste désespérément aligné à gauche :(
 
Mon span se trouve dans un fieldset pour lequel je n'ai déclaré aucune propriété particulière

Code :
  1. .info_fieldset {
  2. -moz-border-radius: 7px;
  3. border: 1px #dddddd solid;
  4. margin-bottom: 17px;
  5. }


 
Lui même se trouve dans un div pour lequel je n'ai même pas d'attribut CSS, lui même dans un form (toujours pas d'attribut CSS), lui même dans un div pour lequel j'ai mis :

Code :
  1. #frame {
  2. width: 800px;
  3. margin: 0 auto;
  4. }


 
C'est un peu mon conteneur "global".
 
Mon body lui n'a trois fois rien :

Code :
  1. body  { padding: 0px; border: 0px none;}


 
Je précise que j'arrive a centrer avec des balises <center> ou en déclarant mon élément comme un block.
 
Ca fonctionne :

Code :
  1. .add {
  2. display: block;
  3. color:green;
  4. width: 200px;
  5. margin: auto;
  6. }


 
 
Mais j'aimerai conserver son type inline et et le centrer pour que ce soit plus propre (et accessoirement pour ma compréhension personnelle)
 
Avez vous une idée du problème ?


Message édité par bichtoubard le 25-05-2011 à 14:59:36
Reply

Marsh Posté le 25-05-2011 à 12:12:46   

Reply

Marsh Posté le 25-05-2011 à 15:00:16    

C'est bon j'ai trouvé !
Il faut mettre le text-align dans le bloc conteneur et non sur la balise en elle même.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed