Salve ragazzi, vorrei sapere come fare ad adattare un

o <div>, in lunghezza o altezza, al contenuto (testo o immagine).

Questo è il quello che ho fatto in CSS:

p{
margin: 50px 50px 20px;
border: 1px solid white;
font-size: 24px;
font-weight: bold;
text-align: center;

}

Io vorrei che il testo entrasse su una linea unica e che il <div> o quello che è si adattasse, mentre invece quando il testo è troppo lungo si dispone su più linee..., ergo il contenuto si adatta al "tag"
Help me, thanks!