Elipsa przepełnienia tekstu: unikaj łamania słów

Na mojej stronie mam div o stałej szerokości i używam następującego css:

width: 200px; 
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

Elipsa działa, problem polega na tym, że przecina ostatnie słowo, a ja chciałem, aby wstawił elipsę (...) w finale pełnego słowa.

Na przykład, jeśli mam tekst: „stackoverflow jest najlepszy”, a jeśli trzeba go uciąć blisko końca, chcę, aby wyświetlał „stackoverflow to ...” zamiast „stackoverflow jest be ... „

questionAnswers(3)

yourAnswerToTheQuestion