Endrement d'un texte en html [Résolu/Fermé]

Signaler
Messages postés
16
Date d'inscription
dimanche 30 décembre 2012
Statut
Membre
Dernière intervention
25 mai 2014
-
Messages postés
16
Date d'inscription
dimanche 30 décembre 2012
Statut
Membre
Dernière intervention
25 mai 2014
-
Bonjour,

Je souhaite encadré un texte en html.

Voici donc ma requête : <div class=titre align=center> Hello world ! </div>

Avec dans mon css :

.titre{
color:blue;
font-weight:bold;
border-left:4px groove blue;
border-right:4px groove blue;
border-top:4px groove blue;
border-bottom:4px groove blue;
border-radius:20px 20px 20px 20px;}


L'encadrement s'effectue mais le problème est qu'il s'effectue sur toute la largeur de la page web, or j'aimerai que l'encadrement soit cintré/collé au texte, qu'il n'y a pas d'espace entre la bordure gauche/droite de l'encadrement et le texte.

J'espère avoir été assez clair et vous remercie de votre aide :)

2 réponses

Messages postés
277
Date d'inscription
samedi 20 octobre 2012
Statut
Membre
Dernière intervention
26 juillet 2013
65
Le div est de type block, donc il prend par défaut la largeur de la page. Tu devrait rajouter un span à l'intérieur et lui mettre une bordure. Au fait, met text-align: center; dans le css, plutôt que dans le html (align="center").
Messages postés
16
Date d'inscription
dimanche 30 décembre 2012
Statut
Membre
Dernière intervention
25 mai 2014

Merci de ton aide. Je devais faire un display:inline-block;

Merci :)