Advies Tekst over div-randen heen

[Erick]

In het onderstaande voorbeeld gaat de tekst over de randen van de div heen.

.testdiv {background-color:#C06; font-size: 5em; padding: 0.2em;}
<div class="testdiv">Hallo</div>

Hoe kan ik ervoor zorgen dat de div rondom de tekst blijft staan?

 

[maulem]

Ik heb 'm even getest en de tekst gaat niet over de randen, de tekst blijft juist netjes binnen de div (zie afbeelding). De div telt namelijk de breedte van de tekst op bij de padding om de breedte van de div te bepalen. Dan kan de tekst nooit over de div heen steken.

 

[Erick]

Top dat je er naar hebt willen kijken, Maulem. Bij mij werkte dat zo niet, ik snap nog niet helemaal waarom. Zou het kunnen door instellingen in een 'hogere' div', de parent bijvoorbeeld van de "Hallo"-div?

Bedankt voor het meedenken in elk geval.