HTML/CSS Ellipsis (...) nie działa

Question

Staram się, aby narzędzie Ellipsis działało na mojej stronie. Jest to następujący kod HTML/CSS i wygląda na to, że nie działa.

CSS:

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

HTML:

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

Answer 1

podstawie initial post, wszyscy jesteśmy przy założeniu, że to oczywiste, ale na wszelki wypadek ...;)

<style type="text/css"> 
    .oneline { 
     text-overflow : ellipsis; 
     white-space : nowrap; 
     width   : 50px; 
     overflow  : hidden; 
    } 
</style> 
<div class="oneline">Testing 123 Testing 456 Testing 789</div> 

http://jsfiddle.net/NawcT/

EDIT: Rozwiązaniem było stylizowanie akapitu na div.

Answer 2

Przypisanie position:absolute elementu, który ma zostać obcięty, będzie prawdopodobnie zawierało mniej niepożądanych efektów ubocznych niż float:left.

Ten pracował dla mnie:

div { 
    position: absolute; 
    width: 70px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}