Как отобразить максимальное количество символов на странице HTML

Question

Скажем, у меня есть следующий код

<h1>I like watermelon and I cannot lie, and stuff and things</h1> 

однако, на странице HTML я хочу, чтобы максимально увеличить количество символов на дисплее. Другими словами, я хочу страницу HTML для отображения только что-то вроде:

мне нравится арбуз и ...

Как бы мне это сделать?

Answer 1

можно сделать следующим образом:

h1 { 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
    max-width: 75px; //Depends how much you want to show. 
}