Endrement d'un texte en html

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 :)