HTML / CSS Многоточие (…) Не работает

Я пытаюсь заставить многоточие работать на моем сайте. Это следующий код HTML/CSS, и он не работает.

CSS:

.oneline {
text-overflow:ellipsis;
white-space: nowrap;
width: 50px;
overflow: hidden;
}

HTML:

<div class="oneline">Testing 123 Testing 456 Testing 789</div>