CSS: Centrer un texte encadré Résolu

Question

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.

Antoine · Accepted Answer

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

sans attribut. (Du moins pour le moment) Antoine

et

boumbou64 · Answer

salut tu peut me donnez le script de t'on texte avec le cadre

Que je te dise pas de bétise

Antoine · Answer

Bonsoir, Je suppose que vous me demandez cela:

Bonjour

Merci pour votre aide Boumbou64 Antoine

Antoine · Answer

Bonsoir,

Voilà j'ai rajouté les deux lignes de code avec margin-left et margin-right, mais ca n'a rien changé, donc j'ai changé le "auto" de margin-left par 100px et il s'est bien décalé vers la droite. Je vais essayer de bien centrer ça.

Voilà merci à toi et bonne soirée!

Antoine

CSS: Centrer un texte encadré

4 réponses

Discussions similaires

Newsletters