Sometimes it happens so you don't have enough space to display a full piece of text. In some scenarios, if the UX allows, we could truncate the text using ellipsis, and here is the snippet for how to do it easily in CSS!

Useful for consistent vertical spacing in UI components, like buttons, headers, and form elements, where extra text padding causes misalignment.