Div Size Taille automatiquement du contenu

Question

J'essaie de créer un en-tête h2 pour les widgets de la barre latérale, mais je veux que la largeur de la classe div soit la largeur du contenu. Il semble que je ne puisse pas simplement définir une largeur car ces titres avec un contenu plus long puis un contenu plus court le font casser.

Comment puis-je simplement étendre/modifier la largeur en fonction de la longueur du contenu ? Toute aide serait grandement appréciée.

Answer 1

Pour autant que je sache, display: inline-block est ce dont vous avez probablement besoin. Cela donnera l'impression que c'est en quelque sorte en ligne, mais vous permettra toujours d'utiliser des choses comme les marges et autres.

Answer 2

Si display: inline; ne fonctionne pas, essayez display: inline-block; . :)

Answer 3

Le plus simple est :

width: fit-content;

Answer 4

h2 { display: inline }