È ansible estendere un box h2 in CSS a seconda del testo al suo interno?

Ho una casella di intestazione che appare su una pagina.

Sto usando h2 e l’ho configurato per mostrare un bordo, ecc.

Il mio problema è che il testo più lungo richiede una casella di 400 px di larghezza , mentre il più breve è probabilmente di circa 100 px che lascia un grande spazio vuoto.

C’è un modo per controllare la larghezza h2 oltre a impostare una larghezza fissa in css ?

Prova questo

 div{ float: left; width: auto; background-color: #777; } 

DEMO

si puoi applicare float: left a H2