Kevin Powell - Community•3mo ago

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

3 Replies

Chris Bolson•3mo ago

Have you tried word-break: break-word;?

pb-travelog•3mo 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

Can I email…

emptyOP•3mo ago

Thanks guys. word-break: break-word; works

Gaming

Programming

how to style for long text