Adapter le conteneur à la longueur du texte

[Laférosse]

Bonjour, j'ai essayé de faire une entête catégorie style bouton. J'y suis presque arrivée mais je n'arrive pas à adapter automatiquement le conteneur à la longueur des titres des catégories. Merci.



Mon code :

Code:

.titre_categorie{
  text-align:left;
  margin-bottom: 15px;
  background-color: #6E4485;
  color: white;
  font-size: 20px;
  text-indent: 20px;
  width: 180px;
  border-radius: 25px;
 }


[Laférosse]

bonjour

[Toryudo]

Bonjour !

Il faudrait plutôt faire quelque chose comme ça :

Code:

.titre_categorie {
  text-align: left;
  margin-bottom: 15px;
  color: #fff;
  font-size: 20px;
  text-indent: 20px;
}
.titre_categorie h2 {
  display: inline;
  background-color: #6E4485;
  border-radius: 25px;
  padding: 0 20px;
}

Avec ces éléments sur le h2, le background s'adapte tout seul à la taille du texte sans qu'on ait besoin de mettre un width.

[Laférosse]

Merci beaucoup c'est parfait.