Endrement d'un texte en html

Résolu
herve_goudron Messages postés 16 Date d'inscription   Statut Membre Dernière intervention   -  
herve_goudron Messages postés 16 Date d'inscription   Statut Membre Dernière intervention   -
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 :)
A voir également:

2 réponses

roptat Messages postés 276 Date d'inscription   Statut Membre Dernière intervention   77
 
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").
0
herve_goudron Messages postés 16 Date d'inscription   Statut Membre Dernière intervention  
 
Merci de ton aide. Je devais faire un display:inline-block;

Merci :)
0