A quick snippet for you to limit the number of characters in a span / div etc by a particular value. This function also includes a slightly neater ... at the cutoff point:-
jQuery Limit number of Characters in Div without Cutting Word
This is an improvement on the code above as it also uses 'lastIndexOf' to preserve full words and not cut them short. So for example 'My sentence ends h...' becomes 'My sentence ends here...' with 'here' being the last full word at that particular character count.
Related: jQuery limit number of characters in Input
Here is an implementation of jQuery limiting the number of characters in a text input.
Limit Number of Characters with CSS
Actually, this can also be done very neatly with the 'ellipsis' CSS function, but note that this is relatively new and only works on single lines:-
It's the 'text-overflow: ellipsis;' that does all the work, but you do need the other lines for it to work effectively. Then you'll get the same effect like 'text stops here ...'