¿Cómo solo muestro parte de una cadena usando css?

Quiero poder mostrar una cadena de caracteres de hasta 10 caracteres. Si la cadena tiene más de 10 caracteres, me gustaría agregar '...' al final.

Por ejemplo, si tengo la cadena:

'helloworldmynameisryan'

Quiero que se muestre como tal:

'helloworld...'

Solo estoy mostrando mi cadena en un div como este:

<div>DisplayMessage</div>

¿Hay alguna clase que pueda crear que solo se aplicaría si la cadena tuviera más de 10 caracteres?

Respuestas a la pregunta(7)

Su respuesta a la pregunta