CSS Text overflow not working because word-break

Question

If a write this sentence in a width 90px and height 20px with text overflow property:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Will display:

aaaaaaaaaaaaaa...

The text-overflow property will work, but if the sentence is:

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

It will display:

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

The line will break and the text-overflow property won't work.

How can I get this to work correctly?

Moob · Accepted Answer · 2013-09-30 16:32:32Z

1

Add:

white-space:nowrap;

answered Sep 30, 2013 at 16:32

Moob

16.5k1 gold badge40 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1