CSS: Centrer un texte encadré
Résolu
Antoine
-
Z3n3rd -
Z3n3rd -
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.
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.
Configuration: Windows XP Internet Explorer 7.0
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-
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 -
-
