Как обрезать текст в HTML

Question

У меня есть электронная почта HTML (со следующим HTML-кодом), которая будет отправлена ​​на нашу пользовательскую базу, письмо отправляется правильно.

У меня есть несколько строк, которые очень длинны, и текст должен быть помещен в фиксированный макет, а текст длиной более трех строк должен быть усечен.

Есть ли способ обрезать текст в HTML? Я пытаюсь установить overflow: hidden, но он не усекает длинную линию.

<td valign="top" height="85" style="padding:0"> 
    <p style=" text-align:justify; height:85px; font-family: Verdana, Arial, Tahoma, sans-serif; overflow: hidden; font-size: 14px; vertical-align:text-top; margin: 0; padding:0; line-height:1.5; "> 
    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempor, arcu non porta scelerisque, ipsum turpis vestibulum quam, ut dapibus arcu purus quis nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris leo magna, aliquet quis facilisis convallis, pulvinar in lectus. Maecenas consequat elementum pretium. Donec venenatis tortor at sapien cursus eget lacinia lorem egestas. Praesent eget risus ut justo dapibus cursus. Mauris tincidunt euismod massa in pellentesque. Vivamus non scelerisque nisl. 
    </p> 
</td> 

Answer 1

Использование text-overflow вместо:

<p style="width: 50%; overflow: hidden; text-overflow: ellipsis;">The quick brown fox jumped over the lazy dog.</p>