Html css bordure

JeanX95 Messages postés 10 Statut Membre -  
 Utilisateur anonyme -
Bonjour, j'ai une petite question.
Lorsque l'on met une bordure en css, et un élément centré, la bordure se met sur tout l'axe horizontal, comment fait on pour la mettre que autour de l'élément voulu. J'ai essayer avec margin mais pas de résultat.
Merci pour vos réponse a ce problème de débutant.

2 réponses

Réponse 1 / 2
Grandasse_ Messages postés 1156 Statut Membre 597
 
Bonjour,
Peut-on voir le code en question ?
1
JeanX95 Messages postés 10 Statut Membre
 
Un truc vraiment tt con par ex ca pour l'html : 

<body>
<h1>Title</h1>
</body>


et pour le css : 

h1
{
text-align: center;
border: solid red;
}


Merci de ta réponse
0
Grandasse_ Messages postés 1156 Statut Membre 597
 
Oki, alors ajoute : 
margin: auto;
width: 50%; /* à modifier selon tes envies */
0
Réponse 2 / 2
Utilisateur anonyme
 
Bonjour

Plutôt que de mettre un width qu'il va falloir ajuster dès que tu changeras de titre, mets le texte de ton h1 dans un <span> et ne mets la bordure que sur le span :
css : 

h1 {
  text-align: center;
}
h1 span {
  padding: 3px;
  border: solid red;
}


html : 
  <h1><span>titre</span></h1>
1

Discussions similaires

bordure excel qui n'apparaissent pas
Marzhine -
Marzhine -

6 réponses
ajouter bordure photo sur mac
micmac2 -
micmac2 -

2 réponses
Utilisation des méthodes de manipulations du DOM
SelOua_2617 -
SelOua_2617 -

5 réponses
Comment centrer une image en css
Christopher -
Sandbox -

5 réponses
centrer le nom des dossier
rikano -
rikano -

2 réponses