Hiding overflowing text (like Gmail's gray email summary)

What CSS property should I use to prevent extra text from being wrapped
to the next line, but instead stay in the same line (and get hidden
when it goes past the right border). See Gmail's folder list page to
see what I mean. There's grayed email summary text at the right of each
subject line and it goes up to the end of the subject column and not
get wrapped but instead get "clipped" when it goes past the end of the
column.

It's hard for me to get this from Gmail's source code. It's all cryptic
Javascript...

Regards,
Pascal Damian

pascaldamian (AT) icqmail (DOT) com wrote:

What CSS property should I use to prevent extra text from being wrapped
to the next line, but instead stay in the same line (and get hidden
when it goes past the right border). See Gmail's folder list page to
see what I mean. There's grayed email summary text at the right of each
subject line and it goes up to the end of the subject column and not
get wrapped but instead get "clipped" when it goes past the end of the
column.

It's hard for me to get this from Gmail's source code. It's all cryptic
Javascript...

Mozilla has a DOM inspector that lets you examine what goes on, as far
as I can tell that subject sits in a HTML <td> element, they seem to
already partly shorten long subject lines when generating the content of
the <td> element, the relevant styles applied seem to be
overflow: hidden;
white-space: nowrap;
documented here:
<http://www.w3.org/TR/CSS21/text.html#white-space-prop>
<http://www.w3.org/TR/CSS21/visufx.html#overflow>

--

Martin Honnen
http://JavaScript.FAQTs.com/