Overflow og white-space: nowrap

Problem: Man har en knap, banner eller anden container hvor den tekst man indsætter i den nogle gange bliver for lang:

En grøn knap - med en for lang tekst

Teksten var for lang og går derfor ned på næste linje. For at undgå det indsættes white-space: nowrap

En lilla knap - med en for lang tekst

Nu går ud over boksen til højre, det undgåes ved overflow: hidden

En orange knap - med en for lang tekst

Pænere, men ikke vildt elegant, så værsgo: text-overflow: ellipsis

En blå knap - med en for lang tekst
Luk