Q: How do I make text truncate? — Nakshora 1.0

How do I make text truncate? — answered for Nakshora 1.0 with working markup and the reasoning behind it.

Question: *How do I make text truncate?*

Answer#

truncate bundles overflow-hidden, nowrap and ellipsis for one line; line-clamp-N for multi-line. undefined

html

<p class="truncate max-w-60">One line, ellipsis after…</p>

Tip. This answer targets Nakshora 1.0. The same question is answered version-appropriately in every other release — use the version switcher.