CSS: How to limit text shown with using "..."

Question

Possible Duplicates:
Is it possible to implement the effect of overflow:ellipsis with javascript or css?
How do I indicate long text into a smaller fixed column with CSS?

I want to trim text if it's greater than 300px wide with "..."

For example, if I had:

<ul>
<li>this is greater than 300px, than only display as much of the text that is 300px wide and then replace the remaining text with "..."</li>
<li>short, don't trim</li>
</ul>

Would display as:

this is greater than 300px, than only ...
short, don't trim
|----------- 300px wide ----------------|

How would I do that with CSS/HTML?

Answer 1

Using ellipsis in html

Answer 2

Sorry all, I just found the answer here --> http://stackoverflow.com/questions/2108740/how-do-i-indicate-long-text-into-a-smaller-fixed-column-with-css