CSS переполнения текста не работает, потому что слова-брейке

Question

Если написать это предложение в ширину 90 пикселей и высотой 20px с переполнением текста собственности:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Покажет:

aaaaaaaaaaaaaa ...

Свойство text-overflow будет работать, но если предложение:

T H I S I S A S Е Н Т Е Н С Е

Он будет отображать:

T H I S I S A 
S E N T E N C 
E 

Линия сломается и text-overflow свойство не будет работать.

Как я могу заставить это работать правильно?

Answer 1

Добавить:

white-space:nowrap; 

См this fiddle