I've created a fiddle here: <http://jsfiddle.net/mupersan82/JYuSY/>

Multiline ellipsis function:

```
$(function() {
var ellipsisText = $('.multilineEllipseText');
var textContainer = $('.incidentCellBottomRight').height();
while ($(ellipsisText).outerHeight(true) > textContainer) {
    $(ellipsisText).text(function(index, text) {
        return text.replace(/\W*\s(\S)*$/, '...');
    });
}

```

});

The function is taken from here: [Cross browsers mult-lines text overflow with ellipsis appended within a width&height fixed div?](https://stackoverflow.com/questions/3404508/cross-browsers-mult-lines-text-overflow-with-ellipsis-appended-within-a-widthhe)

The function sort of works for multiline content but doesn't allow the content to extend to the edge. With singleline content, the ellipsis is added after only one word.

It should allow text up to the max height of its parent div, which is 100px.