Html css bordure

JeanX95 -

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.

Afficher la suite

2 réponses

Réponse 1 / 2
Grandasse_
Bonjour,
Peut-on voir le code en question ?

1

Réagir
1. JeanX95 Auteur
  
  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
  
  Réagir
2. Grandasse_
  
  Oki, alors ajoute :
  margin: auto; width: 50%; /* à modifier selon tes envies */
  
  0
  
  Réagir
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

Réagir

Html css bordure

2 réponses

Discussions similaires

Newsletters