Truncate not working with formatted text (html code)

I’m making a little blog website and on the index page I have a list of posts but I don’t want to see all posts content so I used <p class='truncate'>{{ post.content }}</p> but it’s not working. Is that a bug or just it’s not possible to do .truncate with content in basic html code?

[cw-devanshverma]

you can refer to this link: https://codepen.io/j_holtslander/pen/wmgKea

Conclusion:

In order to use truncate class you have to use grid

e.g.

<div class="row">
    <div class="col s4">
        <p class="truncate">This is a fairly long .flow-text title in Materialize framework.</p>
    </div>
</div>

[jpnayak]

don’t use truncate, instead you can use native ‘text-overflow: ellipsis’.