In CSS, how do I make the text not go on a 2nd line?

Question

Suppose I have text inside a div right now. When I resize my browser to make it really small, the text goes on a 2nd line instead of making the scroll bar. Instead, I would like to keep the text all on one line and just have a horizontal scroll bar. How can I do this? WIth overflow?

Accepted Answer

Use white-space: ``` #myDiv { white-space: nowrap; } ``` Or: ```

Long text that I do not want wrapped

```

In CSS, how do I make the text not go on a 2nd line?

Solution

Problem