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?
