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;
}

Chris Bolson•8/29/24, 11:15 AM

Have you tried ?

pb-travelog•8/29/24, 11:48 PM

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

Can I email…

emptyOP•8/30/24, 2:18 AM

Thanks guys. works