Sujet Précédent Sujet Suivant

Html css bordure

JeanX95 Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   -  
 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 951 Date d'inscription   Statut Membre Dernière intervention   606
 
Bonjour,
Peut-on voir le code en question ?
1
JeanX95 Messages postés 9 Date d'inscription   Statut Membre Dernière intervention  
 
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 951 Date d'inscription   Statut Membre Dernière intervention   606
 
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

Comment centrer une image en css
Christopher -
Sandbox -

5 réponses
bordure excel qui n'apparaissent pas
Marzhine -
Marzhine -

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

2 réponses
Excel:disparition des bordures des cellules
commentcamarchea -
sabrinaluv -

1 réponse
Bordures Capricieuses...
The_CyMerian -
The_CyMerian -

4 réponses