how to avoid wrap in DIV?

Question

I have a div but when the text inside it is too long, it will wrap and make the div multiple lines. This makes the page bad. How can I avoid text in a div not wrap?

http://stackoverflow.com/questions/502500/css-word-wrapping-in-div — Sergey Vedernikov, Feb 18 '11 at 08:54

score 4 · Accepted Answer · answered Feb 18 '11 at 08:56

4

There is a reason the test is wrapping. But if you don't care for then then you set the overflow style to visible and set the style="white-space: nowrap;" style as well

answered Feb 18 '11 at 08:56

Shiv Kumar

9,599
2
36
38

score 1 · Answer 2 · answered Feb 18 '11 at 09:53

1

The answer depends on the desired result. If you MUST keep the div fixed size, sacrificing some of the visible text that doesn't fit, use width, height and overflow: hidden, otherwise you use white-space: nowrap as already suggested.

answered Feb 18 '11 at 09:53

Dennis Kreminsky

2,117
15
23

how to avoid wrap in DIV?

2 Answers2