The text-overflow property in CSS deals with situations where text is clipped when it overflows the element’s box. It can be clipped (i.e. cut off, hidden), display an ellipsis (‘…’, Unicode Range Value U+2026) or display an author-defined string (no current browser support for author-defined strings).
text-overflow property specifies how overflowed content that is not
displayed should be signaled to the user. It can be clipped, display an ellipsis
(...), or display a custom string.
Both of the following properties are required for text-overflow: