como poner tres puntos suspensivos en un div

[roboty]

Hola si tento un div con un ancho de 300px por ejemplo y un alto de 100px, como puedo hacer para que el contenido que sobresale se oculte y muestre tres puntos suspensivos probe algo asin:

Código HTML:

<style>
.texto{
        width:300px;
         height:100px;
        word-wrap:break-word;
        overflow:hidden;
        text-overflow: ellipsis; 
        padding:10px;
}
</style>
<div class='texto'>
Hola si tento un div con un ancho de 300px por ejemplo y un alto de 100px, como puedo hacer para que el contenido que sobresale se oculte y muestre tres puntos suspensivos probe algo asin:
</div>
 

no funciona alguna ayuda?
saludos.