Html css bordure

JeanX95 Messages postés 9 Date d'inscription Statut Membre Dernière intervention -
Utilisateur anonyme - 22 nov. 2017 à 22:20

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

A voir également:

Centrer une bordure css
Bordure de page word - Guide
Fusionner et centrer excel grisé ✓ - Forum Excel
Bordure excel ne s'affiche pas - Forum Excel
Enlever le soulignement d'un lien css - Astuces et Solutions
Tableau html bordure sans css ✓ - Forum HTML

2 réponses

Réponse 1 / 2

Grandasse_ Messages postés 924 Date d'inscription Statut Membre Dernière intervention 597

Bonjour,
Peut-on voir le code en question ?

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

Grandasse_ Messages postés 924 Date d'inscription Statut Membre Dernière intervention 597

Oki, alors ajoute :

margin: auto;
width: 50%; /* à modifier selon tes envies */

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>

Discussions similaires

bordure excel qui n'apparaissent pas

ajouter bordure photo sur mac

Utilisation des méthodes de manipulations du DOM

centrer le nom des dossier

Comment centrer une image en css

Votre réponse

Discussions similaires