CSS: how to stop text from taking up more than 1 line?

Question

Is there a word-wrap or any other attribute that stops text from wrapping? I have a height, and overflow:hidden, and the text still breaks.

Needs to work in all browsers, in before CSS3.

Answer 1

Sometimes using ' ' instead of a spaces will work. Clearly it has drawbacks, though.

Answer 2

<div>test that doesn't wrap</div>

<style type="text/css">
div {
  white-space: nowrap;
  overflow: hidden;
}
</style>

Note: this only works on block elements. If you need to do this to table cells (for example) you need to put a div inside the table cell as table cells have display table-cell not block.

Answer 3

white-space: nowrap