how to style for long text

Hi guys, how can I style for this text drop to a new line or truncate the text? because i'm creating an email template so a lot of properties is not suopported.
// this does not work
.truncate{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
// this does not work
.truncate{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
No description
3 Replies
Chris Bolson
Chris Bolson4mo ago
Have you tried word-break: break-word;?
pb-travelog
pb-travelog4mo ago
https://www.caniemail.com/ Is a handy resource when you need to see what css properties are supported by email clients. Email html/css is the devil. https://www.caniemail.com/search/?s=text-overflow You might have better results by adding in the linebreak manually. This will not affect the url. I know its not great but again its email.
Can I email…
Support tables for HTML and CSS in emails
empty
emptyOP4mo ago
Thanks guys. word-break: break-word; works
Want results from more Discord servers?
Add your server