Text-overflow CSS truncation

Question

Earlier i was doing it dynamically using JS.. but we were getting some performance issues cuz of which we have to come with an alternative option.

I am now truncati

Answer 1

Works here:

• http://jsfiddle.net/TReRs/4/

 .overme {
        width: 300px;
        overflow:hidden; 
        white-space:nowrap; 
        text-overflow: ellipsis;
        color: red;
    }

 

        how much wood can a woodchuck chuck if a woodchuck could chuck wood?
    



   

Trailing dots/ellipsis are colored in red using that basic CSS.