Html css bordure

Fermé

JeanX95 Messages postés 9 Date d'inscription dimanche 26 février 2017 Statut Membre Dernière intervention 25 août 2018 - 21 nov. 2017 à 19:15
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.

A voir également:

Centrer une bordure css
Bordure de page word - Guide
Taille bouton css - Forum HTML
Css premier plan ✓ - Forum CSS
Css lien non souligné - Astuces et Solutions
Centrer un tableau css - Forum Webmastering

2 réponses

Réponse 1 / 2

Grandasse_ Messages postés 924 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 592
22 nov. 2017 à 11:52

Bonjour,
Peut-on voir le code en question ?

JeanX95 Messages postés 9 Date d'inscription dimanche 26 février 2017 Statut Membre Dernière intervention 25 août 2018
22 nov. 2017 à 18:39

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 jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 592
Modifié le 22 nov. 2017 à 19:18

Oki, alors ajoute :

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

Réponse 2 / 2

Utilisateur anonyme
22 nov. 2017 à 22:20

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

[CSS] Forcé retour à la ligne

Utilisation des méthodes de manipulations du DOM

trait horizontal avec du css

[html] bordure tableau

bordure excel qui n'apparaissent pas

Discussions similaires

Newsletters