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.
A voir également:
- Centrer texte html css
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Editeur html - Télécharger - HTML
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Br html ✓ - Forum Webmastering
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
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
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