Table - nowrap in two lines?

Question

Please take look at this code:

td {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

http://jsfiddle.net/kd4zF/

I want "td" Description cell to display in 2 rows. Overflow should be hidden. white-space: nowrap; display only one row, and without it all text is showing. Any ideas?

Answer 1

add :before and :after to td refer this http://jsfiddle.net/microbians/csYjC/