Как отобразить только часть строки с помощью CSS

Я хочу, чтобы иметь возможность отображать строку символов до 10 символов. Если строка превышает 10 символов, яхотел бы добавить...» к концу.

Например, если у меня есть строка:

'helloworldmynameisryan'

Я хочу, чтобы это отображалось так:

'helloworld...'

я просто отображаю мою строку в div следующим образом:

DisplayMessage

Есть ли класс, который я мог бы создать, который будет применяться, только если строка была более 10 символов?