CSS: Centrer un texte encadré

Résolu/Fermé
Antoine - 13 mars 2008 à 22:01
 Z3n3rd - 8 févr. 2018 à 11:22
Bonsoir,

J'ai un petit soucis dans mon code CSS:

J'ai un texte, qui est encadré, mais que je n'arrive pas à centrer dans la page html. Il se centre bien dans le cadre que je lui ai créé, mais le cadre lui reste à gauche de l'écran.

Voici le code:


H1 {
font-size : 50px;
color : yellow;
font-family : cursive;
background : black;
border-width : 20px;
border-color : yellow;
border-style : ridge;
text-align : center;
width : 600px;
margin-top : 100px;
}


(le "text-align" ne centre que le texte dans le cadre)

Si quelqu'un savait m'aider!

Merci d'avance,

Antoine.

4 réponses

Bonsoir,

Je ne sais pas si tu as compris ce que je voulais faire (Et ce que j'ai déjà fait)

En fait, le cadre dont je parle a été créé en css avec cela:

border-width : 20px;
border-color : yellow;
border-style : ridge;


C'est donc plutôt une bordure autour d'un texte plutôt qu'un cadre avec <table>, <td> et <tr>

Egalement, le code css est dans une feuille de style externe, donc j'aurais aimé laissé le <H1> sans attribut. (Du moins pour le moment)

Antoine
2
boumbou64 Messages postés 28 Date d'inscription lundi 10 mars 2008 Statut Membre Dernière intervention 13 décembre 2009 7
13 mars 2008 à 22:59
Oui pardon voilà ce qu'il te faut


H1 {
font-size : 50px;
color : yellow;
font-family : cursive;
background : black;
border-width : 20px;
border-color : yellow;
border-style : ridge;
text-align : center;
width : 600px;
margin-top : 100px;
margin-left:auto;
margin-right:auto;
}

J'espère que la je t'es compris
1
Merci, chez moi cette solution fonctionne a merveille
0